Dropdown Menu
Built on Base UI MenuPrimitive. Powers AccountMenu in the /dashboard shell — click the trigger below to open it.
Account menu (dashboard shell)
Avatar + name trigger, email label, navigation items, destructive sign-out item — the exact shape used by AccountMenu.tsx.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "destructive" | "default" | "destructive" tints the item red — reserved for sign-out/delete actions |
| inset | boolean | false | Adds left padding to align with items that have an icon |
Simple trigger
A basic outline-button trigger with align="end" so the menu hugs the trigger's right edge.
Need a design system like this?
I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.
Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer