SetupChecklist

Onboarding

Interactive checklist with animated check icons and completion state.

Install

npx bouncekit@latest add setupchecklist

Import

import { SetupChecklist } from "@/components/onboarding/setup-checklist"

Setup checklist

Complete these steps to finish setting up.

2/4

API Reference

Prop	Type	Required	Description
`title`	`string`	—	Card heading. Default: "Setup checklist".
`description`	`string`	—	Supporting text.
`items`	`ChecklistItem[]`	yes	Checklist items with completed state.
`ctaLabel`	`string`	—	Primary CTA label.
`onCta`	`() => void`	—	CTA click handler.

Source

src/components/onboarding/setup-checklist.tsx

Components/Onboarding/SetupChecklist