# MStepperStacked

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 |
| --- | --- | --- | --- | 
| `currentStep` | 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` | `"1"` |
| `steps` | Steps of the stepper inline. | `{ id?: string` `undefined; label: string; additionalInfo?: string` `undefined; }[]` | `[]` |