Imagine ArtImagine Art

Dropdown Menu

View in Figma

A contextual menu triggered by a button, displaying a list of actions or options.

Actions

Import

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from "@/components/ui"

API

PropTypeDefaultDescription
align"start" | "center" | "end""start"Horizontal alignment of the dropdown content.
destructivebooleanStyles a menu item as a destructive action.
onSelect() => voidCallback when a menu item is selected.
iconReactNodeOptional icon for a menu item.

Examples