Select

Forms

A dropdown select input for choosing from a list of options. Use selects when you have a predefined list of options and limited screen space.

Import

import { Select } from "@/components/ui/select";

Standard dropdown select

Product Category

Select showing placeholder option

Country

Select showing error state

Product

Please select a product

Select in disabled state

Disabled Select

Prop	Type	Default	Description
`label`	`string`	—	Label text displayed above the select
`options*`	`SelectOption[]`	—	Array of options with value, label, and optional disabled
`value`	`string`	—	Controlled selected value
`defaultValue`	`string`	—	Default selected value (uncontrolled)
`onValueChange`	`(value: string) => void`	—	Handler called when selection changes
`placeholder`	`string`	—	Placeholder text when no option is selected
`error`	`string`	—	Error message to display below the select
`disabled`	`boolean`	false	Whether the select is disabled