OnboardingWizard

App

Multi-step onboarding flow with dots/bar progress, optional skip, and page or modal presentation. Each step renders its own content slot.

Preview

1 / 3

Welcome

Let's set up your workspace quickly.

We have a few questions for a personalized experience. Three steps in total.

Code

<OnboardingWizard
  steps={steps}
  indicator="dots"
  allowSkip
  onComplete={() => {}}
/>

Preview

1 / 4

Workspace name.

Code

<OnboardingWizard
  steps={steps}
  indicator="bar"
  allowSkip={false}
  onComplete={() => {}}
/>