DUWizard
ComponentsMulti-step flow with back/continue.
import { DUWizard } from 'deri-ui';Live preview
One
Step one
typescript
<DUWizard steps={[{id:'1',title:'One',content:<p>Hi</p>}]} onComplete={done} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | DUWizardStep[] | — | Steps |
| onComplete | () => void | — | Finish |
| completeLabel | string | — | Final CTA |
Usage
import { DUWizard } from 'deri-ui';
<DUWizard steps={[{id:'1',title:'One',content:<p>Hi</p>}]} onComplete={done} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.