OnboardingFlow

pattern

Multi-step form with Stepper progress indicator, form fields, and back/next navigation. Composes Stepper, Card, Stack, Row, Input, Select, Button, and Text for a production-ready onboarding wizard.

"Build an OnboardingFlow pattern from lucent-ui with Stepper, Card, form fields (Input, Select), and back/next Button navigation."

Usage

React / JSX

import { Stepper, Card, Stack, Row, Input, Select, Button, Text } from 'lucent-ui'

<OnboardingFlow />

Installation

pnpm add lucent-ui

API Reference

OnboardingFlow props — * required

Prop	Type	Default	Description
`Stepper`	`component`	—	Progress indicator showing current step.
`Card`	`component`	—	Surface container for the form.
`Input`	`component`	—	Text inputs for form fields.
`Select`	`component`	—	Dropdown for selection fields.
`Button`	`component`	—	Back and Next navigation buttons.
`Stack`	`component`	—	Vertical layout for form content.
`Row`	`component`	—	Horizontal layout for button row.

← PreviousNotificationFeed Next →DashboardHeader

OnboardingFlow

Onboarding wizard

Usage

Installation

API Reference