# `m-stepper-stacked`

A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `step` | Defines the currently active step.

- If a `number` is provided, it represents the 1-based position of the step
  in the `steps` array (e.g. `1` for the first step).
- If a `string` is provided, it must match the `id` of one of the steps. | `string` `number` | `$bindable(1)` |
| `steps` | Steps of the stepper stacked. | `Array<{ id?: string; label: string; additionalinfo?: string; }>` | `$bindable([])` |

