Dropdown Menu

A menu of actions or options, opened by a button.

Built on Radix UI

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/dropdown-menu.json

Installation

Add Dropdown Menu with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/dropdown-menu.json

Adds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:

components.json

{
  "registries": {
    "@multidash": "https://multidash-app.vercel.app/r/{name}.json"
  }
}

Then add components by name:

$ pnpm dlx shadcn@latest add @multidash/dropdown-menu

Usage

import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuLabel,
  DropdownMenuItem,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
} from "@multidash/ui/components/dropdown-menu"

Examples

Radio group

A controlled single-choice menu.