Pular para o conteúdo
A
Get Pro

Select

FormuláriosCLI

Select (Radix) com gatilho em 6 superfícies, 3 tamanhos, separador e rolagem.

Instalação

bash
pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css
/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

Uso

tsx
import {
  Select,
  SelectGroup,
  SelectValue,
  SelectTrigger,
  SelectContent,
  SelectLabel,
  SelectItem,
  SelectSeparator
} from "aura-ui-components/select";

API

Exportações

SelectSelectGroupSelectValueSelectTriggerSelectContentSelectLabelSelectItemSelectSeparatorSelectScrollUpButtonSelectScrollDownButtonselectTriggerVariants

Tipos

SelectTriggerProps

Dependências npm

@radix-ui/react-selectclass-variance-authority

Código-fonte

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.