Forms

Select

For 12 or fewer fixed options.

@codeways/ui/select

Select

For 12 or fewer fixed options - for a long, searchable or remote list use Combobox instead.

md (default)

placeholder

disabled

Usage

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@codeways/ui/select";

<Select value={status} onValueChange={setStatus}>
  <SelectTrigger className="w-44">
    <SelectValue placeholder="Choose a status" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="Draft">Draft</SelectItem>
    <SelectItem value="Sent">Sent</SelectItem>
  </SelectContent>
</Select>