UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

github.com/adeo/mozaic-vue

adeo/mozaic-vue

16 lines (10 loc) • 917 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# MStepperInline 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` | `0` | | `steps` | Steps of the stepper inline. | `{ id?: string` `undefined; label: string; additionalInfo?: string` `undefined; }[]` | `[]` |