Stepper
Horizontal multi-step progress indicator. States: complete / active / upcoming.
layout stepper
Controls
active
Current props
active: ""
Usage
layout.Stepper(layout.StepperProps{},
layout.Step{Label: "Account", State: layout.StepComplete},
layout.Step{Label: "Profile", State: layout.StepActive},
layout.Step{Label: "Payment"},
layout.Step{Label: "Confirm"},
)All combinations (4)
Enum controls only · bool and text use defaults
Props
| Name | Type | Options | Default |
|---|---|---|---|
active | enum | 1, 2, 3, 4 | 2 |