Atelier UI

Search components…

Search components…

Onboarding Checklist

Onboarding checklist with a progress bar, expandable steps, inline actions and a completed state.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

OnboardingChecklistProps

Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">

PropTypeDefaultDescription
titlestring"Get started"—
items* requiredChecklistItem[]——
defaultCompletedstring[][]—
onCompletedChange(completed: string[]) => void——

Install

$ npx shadcn@latest add https://chromotion.dev/r/onboarding-checklist.json

More like this