Docs
πŸ—οΈ ⏐ Components
Layout
Stepper πŸ†•

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

PropDescriptionDefault
classNameCSS Classname to applied to the Stepper
string
activeStepCurrently active step
number
0
themeTheme for the Stepper.
StepperTheme
variantStyle of the stepper. Default is dots but it can be numbered too.
"default" | "numbered"
default
continuousDisplay link after last step
boolean
animatedAnimate items appearance
boolean

Step

PropDescriptionDefault
labelOptional Text of the marker
string
classNameCSS Classname to applied to the Step
string