Forms and Onboarding

2 layouts · 11 components

Onboarding Wizard

Four validated steps with inline errors, keyboard support, and a completion summary.

1280px

Create your workspace

Step 1 of 4

Name it and pick a region.

Setup progress0%
0%

Shown in the sidebar and on invitations.

Components used

  • Badge
  • Button
  • Card
  • Checkbox
  • FormField
  • Heading
  • Input
  • ProgressBar
  • RadioGroup
  • Select
  • Text

Install

npm install @coloxo/ui

The block imports only from @coloxo/ui and lucide-react. Styling uses the package token layer, so no Tailwind setup is required.