Dropdown Menu

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

A menu of actions. Use as the ”…” overflow button on table rows, account avatars, etc.

Overview

Code

<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