Stepper Horizontal

Displays progress through a sequential multi-step process with a horizontal step indicator.

diwa-stepper-horizontal Properties

Name	Type	Default	Description
`activeStepIndex`	`number`	`0`	Zero-based index of the currently active step.
`theme`	`'dark' \| 'light'`	`'dark'`	Per-component theme override.

Name	Detail type	Bubbles	Description
`update`	`{ activeStepIndex: number }`	No	Emitted when activeStepIndex changes.

Default slot — accepts one or more diwa-stepper-horizontal-item elements.

Name	Type	Default	Description
`label`	`string`	`''`	Step label displayed below the step circle.
`sublabel`	`string`	`''`	Optional secondary text (e.g. estimated time).
`state`	`'complete' \| 'current' \| 'incomplete'`	`'incomplete'`	Step state. Managed automatically by the parent stepper.
`stepNumber`	`number`	`1`	1-based step number shown in the circle. Managed by the parent.
`isLast`	`boolean`	`false`	Hides the connector line after this step. Managed by the parent.
`theme`	`'dark' \| 'light'`	`'dark'`	Per-component theme override.

diwa-stepper-horizontal-item uses no slots. Provide the step label via the label prop.