Pular para o conteúdo
A
Get Pro

Dropdown Menu

OverlaysCLI

Menu suspenso (Radix): itens, checkbox/radio, submenus, atalhos e item destructive.

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 {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuCheckboxItem,
  DropdownMenuRadioItem,
  DropdownMenuLabel,
  DropdownMenuSeparator
} from "aura-ui-components/dropdown-menu";

API

Exportações

DropdownMenuDropdownMenuTriggerDropdownMenuContentDropdownMenuItemDropdownMenuCheckboxItemDropdownMenuRadioItemDropdownMenuLabelDropdownMenuSeparatorDropdownMenuShortcutDropdownMenuGroupDropdownMenuPortalDropdownMenuSubDropdownMenuSubContentDropdownMenuSubTriggerDropdownMenuRadioGroup

Dependências npm

@radix-ui/react-dropdown-menu

Código-fonte

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