Onboarding Wizard

Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a fade between steps. Ships composable parts.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Onboarding Wizard to your project and fits it to your theme.

import Onboarding01 from "@/components/ui/onboarding-01";

export default function OnboardingDemo() {
  return <Onboarding01 />;
}