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.
destructiveboolean—Styles a menu item as a destructive action.
onSelect() => void—Callback when a menu item is selected.
iconReactNode—Optional icon for a menu item.

Examples