Skip to content

Stepper

A Stepper component is used to show a list of steps in a linear manner.

Loading Code Block...
Loading Code Block...
Loading Code Block...

PropsDefaultTypeDescription
arrangement'horizontal' | 'vertical'stringThe arrangement of the stepper
steps*[]arrayAn array of objects defining the stepper content: name, description
currentStep1numberThe current step of the stepper
variantdefaultstringThe variant of the stepper
truncatefalsebooleanWhether to truncate the stepper content
icon
icon icon icon icon