Success Check

Use SuccessCheck when you need a compact, consistent mark for:

• Selected state: e.g. the chosen organisation in a list of cards
• Completion progress: e.g. finished steps in an upgrade or setup flow

Usage

import { SuccessCheck } from 'ui'
;<SuccessCheck />

Examples

Selected state

Show which option is currently selected. Position the check absolutely in the trailing corner of the selectable item.

Completion progress

Mark finished steps in a linear progress list. Incomplete steps use a plain circle instead.