1# Stepper
2 
3Multi-step progress indicator
4 
5**Parts:** `StepperRoot`, `StepperItem`, `StepperTrigger`, `StepperTitle`, `StepperDescription`, `StepperIndicator`, `StepperSeparator`
6 
7## StepperRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `number` | `1` |
15| `dir` | `"ltr" \| "rtl"` | - |
16| `linear` | `boolean` | `true` |
17| `modelValue` | `number` | - |
18| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
19 
20### Emits
21| Event | Payload |
22|-------|---------|
23| `update:modelValue` | `[payload: number]` |
24 
25### Slots
26| Slot | Type |
27|------|------|
28| `modelValue` | `number \| undefined` |
29| `totalSteps` | `number` |
30| `isNextDisabled` | `boolean` |
31| `isPrevDisabled` | `boolean` |
32| `isFirstStep` | `boolean` |
33| `isLastStep` | `boolean` |
34| `goToStep` | `` |
35| `nextStep` | `` |
36| `prevStep` | `` |
37 
38## StepperItem
39 
40### Props
41| Prop | Type | Default |
42|------|------|---------|
43| `as` | `AsTag \| Component` | `"div"` |
44| `asChild` | `boolean` | - |
45| `completed` | `boolean` | `false` |
46| `disabled` | `boolean` | `false` |
47| `step`* | `number` | - |
48 
49### Slots
50| Slot | Type |
51|------|------|
52| `state` | `"active" \| "completed" \| "inactive"` |
53 
54## StepperTrigger
55 
56### Props
57| Prop | Type | Default |
58|------|------|---------|
59| `as` | `AsTag \| Component` | `"button"` |
60| `asChild` | `boolean` | - |
61 
62## StepperTitle
63 
64### Props
65| Prop | Type | Default |
66|------|------|---------|
67| `as` | `AsTag \| Component` | `"h4"` |
68| `asChild` | `boolean` | - |
69 
70## StepperDescription
71 
72### Props
73| Prop | Type | Default |
74|------|------|---------|
75| `as` | `AsTag \| Component` | `"p"` |
76| `asChild` | `boolean` | - |
77 
78## StepperIndicator
79 
80### Props
81| Prop | Type | Default |
82|------|------|---------|
83| `as` | `AsTag \| Component` | `"div"` |
84| `asChild` | `boolean` | - |
85 
86## StepperSeparator
87 
88### Props
89| Prop | Type | Default |
90|------|------|---------|
91| `as` | `AsTag \| Component` | `"div"` |
92| `asChild` | `boolean` | - |
93| `decorative` | `boolean` | - |
94| `orientation` | `"vertical" \| "horizontal"` | - |
95