Step Form
InputMulti-step form pattern with progress indicator and per-step validation.
Step FormInput · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Step Form from @otfdashkit/ui.
Code
// Step Form — Multi-step form pattern with progress indicator and per-step validation.
//
// Install:
// bun add @otfdashkit/ui
import { StepForm } from '@otfdashkit/ui'
export function Example() {
return (
<StepForm>
{/* your content */}
</StepForm>
)
}Props
Props declared in the StepForm source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| childrenrequired | ReactNode | ||
| onSubmitrequired | () => void | ||
| stepsrequired | string[] | ||
| className | string |