Dropdown Menu

@velon-finance/ui · status: stable · organism · @radix-ui/react-dropdown-menu

Um menu de ações. Use como o botão de overflow ”…” em linhas de tabela, avatares de conta, etc.

Visão geral

Código

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button variant="ghost" size="icon"><MoreHorizontal /></Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent align="end">
    <DropdownMenuLabel>Actions</DropdownMenuLabel>
    <DropdownMenuItem>Edit</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem className="text-danger">Delete</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Popover Select