z-uiDesign system
Componentes · shadcn

Select

Lista de opções do Radix. O gatilho tem o mesmo visual, alturas e estados do Input.

Com Field

Define o texto que aparece no relatório de assinaturas.

Escolha como o signatário vai se identificar.

Tamanhos e desabilitado

Props do SelectTrigger

PropTipoPadrãoDescrição
size"sm" | "md" | "lg""md"Altura h-form-sm, h-form-md ou h-form-lg.
aria-invalidboolean—Borda de perigo. O Field passa automaticamente.
disabledboolean—Vai no Select ou no SelectTrigger.
PropTipoPadrãoDescrição
position"popper" | "item-aligned""popper"SelectContent: abre abaixo do gatilho ou sobre o item marcado.
sideOffsetnumber4SelectContent: distância do gatilho no modo popper.
<Select defaultValue="party">
  <SelectTrigger><SelectValue /></SelectTrigger>
  <SelectContent>
    <SelectItem value="party">Parte</SelectItem>
    <SelectItem value="witness">Testemunha</SelectItem>
  </SelectContent>
</Select>