1# Select
2 
3Dropdown selection with grouping
4 
5**Parts:** `SelectRoot`, `SelectTrigger`, `SelectPortal`, `SelectContent`, `SelectViewport`, `SelectItem`, `SelectItemText`, `SelectItemIndicator`, `SelectGroup`, `SelectLabel`, `SelectSeparator`, `SelectArrow`, `SelectScrollUpButton`, `SelectScrollDownButton`, `SelectValue`, `SelectIcon`
6 
7## SelectRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `autocomplete` | `string` | - |
13| `defaultOpen` | `boolean` | - |
14| `defaultValue` | `string` | `""` |
15| `dir` | `"ltr" \| "rtl"` | - |
16| `disabled` | `boolean` | - |
17| `modelValue` | `string` | - |
18| `name` | `string` | - |
19| `open` | `boolean` | - |
20| `required` | `boolean` | - |
21 
22### Emits
23| Event | Payload |
24|-------|---------|
25| `update:modelValue` | `[value: string]` |
26| `update:open` | `[value: boolean]` |
27 
28### Slots
29| Slot | Type |
30|------|------|
31| `modelValue` | `string` |
32| `open` | `boolean` |
33 
34## SelectTrigger
35 
36### Props
37| Prop | Type | Default |
38|------|------|---------|
39| `as` | `AsTag \| Component` | `"button"` |
40| `asChild` | `boolean` | - |
41| `disabled` | `boolean` | - |
42 
43## SelectPortal
44 
45### Props
46| Prop | Type | Default |
47|------|------|---------|
48| `disabled` | `boolean` | - |
49| `forceMount` | `boolean` | - |
50| `to` | `string \| HTMLElement` | - |
51 
52## SelectContent
53 
54### Props
55| Prop | Type | Default |
56|------|------|---------|
57| `align` | `"start" \| "center" \| "end"` | - |
58| `alignOffset` | `number` | - |
59| `arrowPadding` | `number` | - |
60| `as` | `AsTag \| Component` | `"div"` |
61| `asChild` | `boolean` | - |
62| `avoidCollisions` | `boolean` | - |
63| `bodyLock` | `boolean` | - |
64| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | - |
65| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | - |
66| `forceMount` | `boolean` | - |
67| `hideWhenDetached` | `boolean` | - |
68| `position` | `"popper" \| "item-aligned"` | - |
69| `prioritizePosition` | `boolean` | - |
70| `side` | `"top" \| "right" \| "bottom" \| "left"` | - |
71| `sideOffset` | `number` | - |
72| `sticky` | `"partial" \| "always"` | - |
73| `updatePositionStrategy` | `"always" \| "optimized"` | - |
74 
75### Emits
76| Event | Payload |
77|-------|---------|
78| `closeAutoFocus` | `[event: Event]` |
79| `escapeKeyDown` | `[event: KeyboardEvent]` |
80| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
81 
82## SelectViewport
83 
84### Props
85| Prop | Type | Default |
86|------|------|---------|
87| `as` | `AsTag \| Component` | `"div"` |
88| `asChild` | `boolean` | - |
89| `nonce` | `string` | - |
90 
91## SelectItem
92 
93### Props
94| Prop | Type | Default |
95|------|------|---------|
96| `as` | `AsTag \| Component` | `"div"` |
97| `asChild` | `boolean` | - |
98| `disabled` | `boolean` | - |
99| `textValue` | `string` | - |
100| `value`* | `string` | - |
101 
102## SelectItemText
103 
104### Props
105| Prop | Type | Default |
106|------|------|---------|
107| `as` | `AsTag \| Component` | `"span"` |
108| `asChild` | `boolean` | - |
109 
110## SelectItemIndicator
111 
112### Props
113| Prop | Type | Default |
114|------|------|---------|
115| `as` | `AsTag \| Component` | `"span"` |
116| `asChild` | `boolean` | - |
117 
118## SelectGroup
119 
120### Props
121| Prop | Type | Default |
122|------|------|---------|
123| `as` | `AsTag \| Component` | `"div"` |
124| `asChild` | `boolean` | - |
125 
126## SelectLabel
127 
128### Props
129| Prop | Type | Default |
130|------|------|---------|
131| `as` | `AsTag \| Component` | `"div"` |
132| `asChild` | `boolean` | - |
133| `for` | `string` | - |
134 
135## SelectSeparator
136 
137### Props
138| Prop | Type | Default |
139|------|------|---------|
140| `as` | `AsTag \| Component` | `"div"` |
141| `asChild` | `boolean` | - |
142 
143## SelectArrow
144 
145### Props
146| Prop | Type | Default |
147|------|------|---------|
148| `as` | `AsTag \| Component` | `"svg"` |
149| `asChild` | `boolean` | - |
150| `height` | `number` | `5` |
151| `width` | `number` | `10` |
152 
153## SelectScrollUpButton
154 
155### Props
156| Prop | Type | Default |
157|------|------|---------|
158| `as` | `AsTag \| Component` | `"div"` |
159| `asChild` | `boolean` | - |
160 
161## SelectScrollDownButton
162 
163### Props
164| Prop | Type | Default |
165|------|------|---------|
166| `as` | `AsTag \| Component` | `"div"` |
167| `asChild` | `boolean` | - |
168 
169## SelectValue
170 
171### Props
172| Prop | Type | Default |
173|------|------|---------|
174| `as` | `AsTag \| Component` | `"span"` |
175| `asChild` | `boolean` | - |
176| `placeholder` | `string` | `""` |
177 
178## SelectIcon
179 
180### Props
181| Prop | Type | Default |
182|------|------|---------|
183| `as` | `AsTag \| Component` | `"span"` |
184| `asChild` | `boolean` | - |
185