Components/Select

Select

Custom dropdown selection control with grouped items, labels, and a portal-rendered listbox.

Installation

npx ajaxui add select

Disabled item

Notes

Anatomy

<Select>                     // owns value
  <SelectTrigger>
    <SelectValue placeholder=.../>
  </SelectTrigger>
  <SelectContent>
    <SelectGroup>
      <SelectLabel/>
      <SelectItem value=.../>     // one per option
    </SelectGroup>
    <SelectSeparator/>
  </SelectContent>
</Select>

Props

Prop	Type	Default	Description
value	string	—	Controlled value.
defaultValue	string	—	—
onValueChange	(value: string) => void	—	—
disabled	boolean	false	—