Component

Dropdown Menu

Contextual menu triggered by a button or action.

Preview

Examples

Default

With submenus

AI Prompt

Ready to copy and paste into any AI model.

10 lines

prompt.txt

Build a shadcn/ui Dropdown Menu for the **Clinic Admin** design system.

**Brand tokens:** Primary #70C4CA, destructive #F7A9AA, border #C4D0DB. Font: Nunito Sans.

**Design preview to replicate exactly:**
- Trigger: Button variant outline size sm, label "Open menu"
- Content align start: MenuItem "New appointment", "View patient", "Edit", "Delete" (last item text-destructive)
- Use Radix DropdownMenu with DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem

Return React components. Use cn() + Tailwind CSS.

Copy once, paste anywhere, keep consistent output.