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.
VoiceMock was built by one designer
I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.
Product Designer · AI Design Engineer · Designer for Startups
See it on LinkedIn