---
category: forms
---

# Select

Source: `components/ui/select.tsx`.

`Select` is a compound component. Its parts are exported **flat** (`SelectContent`, not
`Select.Content`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `SelectContent` | `React.ComponentProps<typeof SelectPrimitive.Content>` |
| `SelectGroup` | `React.ComponentProps<typeof SelectPrimitive.Group>` |
| `SelectItem` | `React.ComponentProps<typeof SelectPrimitive.Item>` |
| `SelectLabel` | `React.ComponentProps<typeof SelectPrimitive.Label>` |
| `SelectScrollDownButton` | `React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>` |
| `SelectScrollUpButton` | `React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>` |
| `SelectSeparator` | `React.ComponentProps<typeof SelectPrimitive.Separator>` |
| `SelectTrigger` | `React.ComponentProps<typeof SelectPrimitive.Trigger> & {…}` |
| `SelectValue` | `React.ComponentProps<typeof SelectPrimitive.Value>` |

All parts accept `className` and are composed as children of `Select`.