Stepper
A representation of a user’s progress through a series of discrete steps.
Examples
Markers
Numbered
Blocks
This component is used in the following Blocks:
Theme
This component uses the following default theme:
- root{}(2 keys)
- Show all
Learn more about how to customize in the Theme documentation.
API
Stepper
| Prop | Description | Default |
|---|---|---|
className | CSS Classname to applied to the Stepperstring | |
activeStep | Currently active stepnumber | 0 |
theme | Theme for the Stepper.StepperTheme | |
variant | Style of the stepper. Default is dots but it can be numbered too."default" | "numbered" | default |
continuous | Display link after last stepboolean | |
animated | Animate items appearanceboolean |
Step
| Prop | Description | Default |
|---|---|---|
label | Optional Text of the markerstring | |
className | CSS Classname to applied to the Stepstring |