Select

Dropdown de seleção com busca e grupos. Construído sobre Radix UI Select.

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

<Select>
  <SelectTrigger className="w-50">
    <SelectValue placeholder="Selecione" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="start">Start</SelectItem>
    <SelectItem value="plus">Plus</SelectItem>
    <SelectItem value="master">Master</SelectItem>
  </SelectContent>
</Select>

Default

Select com placeholder e opções.

Com grupos

Opções organizadas em grupos com labels.

Com Label

Select com label associada.

Status do pedido

API Reference

Prop	Type	Default	Descrição
`value`	`string`	—	Valor selecionado (controlado)
`defaultValue`	`string`	—	Valor inicial (não controlado)
`onValueChange`	`(value: string) => void`	—	Callback quando o valor muda
`placeholder`	`string`	—	Texto exibido quando nenhum valor está selecionado
`disabled`	`boolean`	false	Desabilita o select