Components
Stepper
The steps of a flow and where you are in it; the line between them fills in as you go.
- UploadCSV or Excel, done
- MapMatch the columns
- ReviewCheck and import, not started
Import
import { Stepper, Step } from '@rinzai/zen';API reference
<Stepper>
The steps of a flow (sign-up, checkout, import), with where you are: steps before value (from 0) are done, the one at it is current. The line between them fills in as you go.
| Prop | Type | Default |
|---|---|---|
valueRequiredThe current step, from 0. Steps before it are done; past the last, all are. | number | — |
<Step>
One step's label, and optionally a line under it (description).
| Prop | Type | Default |
|---|---|---|
className | string | — |
description | ReactNode | — |