Dropdown Menu · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/dropdown-menu

Usage#

dropdown-menu.tsx

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

Examples#

Basic

Complex

With Icons

With Shortcuts

With Submenu

With Checkboxes

Checkboxes with Icons

With Radio Group

Radio with Icons

With Destructive Items

With Avatar

In Dialog

With Inset

API reference#

Exports DropdownMenu DropdownMenuPortal DropdownMenuTrigger DropdownMenuContent DropdownMenuGroup DropdownMenuLabel DropdownMenuItem DropdownMenuCheckboxItem DropdownMenuRadioGroup DropdownMenuRadioItem DropdownMenuSeparator DropdownMenuShortcut DropdownMenuSub DropdownMenuSubTrigger DropdownMenuSubContent. Every part takes its element's usual props and a className.