Component

Stepper

Numbered, connected progress trail. Clickable when onStepClick is passed.

Clickable

Prop	Type	Default	Description
steps	StepperStep[]	None	Each step's label, optional description, and optional custom icon.
activeStep	number	None	Zero-based index of the current step.
onStepClick	(index: number) => void	None	Makes steps clickable; omit for a static indicator.
tone	ComponentTone	"default"	Color used for complete/current steps and the connecting line.
className	string	None	Additional classes applied to the component root.

stepsNone

StepperStep[]

Each step's label, optional description, and optional custom icon.

activeStepNone

number

Zero-based index of the current step.

onStepClickNone

(index: number) => void

Makes steps clickable; omit for a static indicator.

tone"default"

ComponentTone

Color used for complete/current steps and the connecting line.

classNameNone

string

Additional classes applied to the component root.