VitNode

Dropdown Menu

Shows a list of options or actions to the user when they click a button, allowing for easy selection.

Shadcn UI

This component is part of Shadcn UI.

Preview

Usage

import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from 'vitnode-frontend/components/ui/dropdown-menu';
<DropdownMenu>
  <DropdownMenuTrigger>Open</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>My Account</DropdownMenuLabel>
    <DropdownMenuSeparator />
    <DropdownMenuItem>Profile</DropdownMenuItem>
    <DropdownMenuItem>Billing</DropdownMenuItem>
    <DropdownMenuItem>Team</DropdownMenuItem>
    <DropdownMenuItem>Subscription</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Examples

Shadcn UI Dropdown Menu - Examples.

API Reference

Radix UI Dropdown Menu.

Edit on GitHub

Previous

Drawer

Next

Hover Card

On this page