OnboardingSteps

Onboarding

Multi-step wizard with animated progress connectors and content transitions.

Install

npx bouncekit@latest add onboardingsteps

Import

import { OnboardingSteps } from "@/components/onboarding/onboarding-steps"

Account

Set up your account details.

Account creation form goes here.

API Reference

Prop	Type	Required	Description
`steps`	`OnboardingStep[]`	yes	Ordered list of steps { id, title, content }.
`activeStep`	`number`	—	Zero-based active step index.
`onStepChange`	`(index: number) => void`	—	Called when the active step changes.
`onComplete`	`() => void`	—	Called when the final step is completed.
`completeLabel`	`string`	—	Label for the finish button. Default: "Get started".

Source

src/components/onboarding/onboarding-steps.tsx

Components/Onboarding/OnboardingSteps