Browse components
React Stepper
Minimal React stepper with clear completed, current, and upcoming states for multi-step flows.
Add to your project
1Connect the Uniquel MCP
Connect Uniquel to your coding agent before using the component ID.
Connect MCP2Copy the component ID
MCP ID
component:forms/react-stepperWorks with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSProps
| Prop | Type | Description |
|---|---|---|
steps | StepperStep[] | Step titles with optional descriptions and icons |
currentStep | number | Zero-based active step index |
onStepChange | (index: number) => void | Called when a completed step is selected |
ariaLabel | string | Accessible label for the progress navigation |
className | string | Styles for the outer navigation |
More Forms Components
Polished file upload component with drag and drop, validation, progress, errors, and removable file rows.