Preview
Installation
<> import.ts
import { Select } from "@/components/ui/select"Code
<> component.tsx
import { Select } from "@/components/ui/select"
<Select />API Reference
Select
Native select with label, placeholder and custom arrow.
<> import.ts
import { Select } from "@/components/ui/select"Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Field label when isLabel is true |
placeholder | string | "Select an option..." | Disabled first option text |
isLabel | boolean | false | Show label above select |
className | string | "" | Additional CSS classes |
value | string | — | Controlled value |
onChange | (e: React.ChangeEvent<HTMLSelectElement>) => void | — | Change handler |
disabled | boolean | false | Disable control |
children | React.ReactNode | — | Option elements |