Onboarding Checklist
An onboarding checklist for developer and fintech products, with steps that check off and a progress bar counting what is done.
Onboarding Checklist
An onboarding checklist for developer and fintech products, with steps that check off and a progress bar counting what is done.
When to use it
Setup flows where the remaining work should stay visible rather than appearing one step at a time. The done-over-total score is derivable on screen, so progress is a fact the user can check rather than a bar they have to trust.
Props · OnboardingChecklist
| Prop | Type | Default |
|---|---|---|
| steps? | ChecklistStep[] | DEFAULT_STEPS |
| initiallyDone? | string[] | ["domain"] |
| title? | string | "Get set up" |
| onToggle? | (id: string, done: boolean) => void className?: string | · |
Generated from the component source. Run npm run props:extract after changing a signature.