1# Slider
2 
3Range input control
4 
5**Parts:** `SliderRoot`, `SliderTrack`, `SliderRange`, `SliderThumb`
6 
7## SliderRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `number[]` | `[0]` |
15| `dir` | `"ltr" \| "rtl"` | - |
16| `disabled` | `boolean` | `false` |
17| `inverted` | `boolean` | `false` |
18| `max` | `number` | `100` |
19| `min` | `number` | `0` |
20| `minStepsBetweenThumbs` | `number` | `0` |
21| `modelValue` | `number[]` | - |
22| `name` | `string` | - |
23| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
24| `step` | `number` | `1` |
25 
26### Emits
27| Event | Payload |
28|-------|---------|
29| `update:modelValue` | `[payload: number[]]` |
30| `valueCommit` | `[payload: number[]]` |
31 
32### Slots
33| Slot | Type |
34|------|------|
35| `modelValue` | `number[]` |
36 
37## SliderTrack
38 
39### Props
40| Prop | Type | Default |
41|------|------|---------|
42| `as` | `AsTag \| Component` | `"span"` |
43| `asChild` | `boolean` | - |
44 
45## SliderRange
46 
47### Props
48| Prop | Type | Default |
49|------|------|---------|
50| `as` | `AsTag \| Component` | `"span"` |
51| `asChild` | `boolean` | - |
52 
53## SliderThumb
54 
55### Props
56| Prop | Type | Default |
57|------|------|---------|
58| `as` | `AsTag \| Component` | `"div"` |
59| `asChild` | `boolean` | - |
60