Dropdown Menu
A glass menu that opens below a trigger button.
Install
npx shadcn add @clearly/dropdown-menuPreview
Live Dropdown Menu component — see usage below.
Usage
import { DropdownMenu } from "@/components/ui/dropdown-menu"
<DropdownMenu />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state. |
onOpenChange | (open: boolean) => void | — | Open-state callback. |
align | "start" | "center" | "end" | "start" | Content alignment relative to trigger. |
sideOffset | number | 4 | Distance from trigger in px. |