Dropdown Menu
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
PreviewFeatures
Button-triggered menu with click or hover
Support for icons, shortcuts, and descriptions
Nested submenus for hierarchical actions
Checkbox and radio items for settings
Separators for visual grouping
Automatic positioning and collision detection
Shadcn/ui Dropdown Menu - Figma Component
Displays a menu to the user — such as a set of actions or functions — triggered by a button. This Figma component is part of our comprehensive design system that brings the popular shadcn/ui library into your design workflow.
Every Dropdown Menu variant includes all the necessary states, properties, and styling options you need to create consistent, production-ready designs. The component seamlessly integrates with your existing Figma files and maintains full compatibility with the shadcn/ui React implementation.
Your questions, answered
Browse all 58 components
Accordion
Alert Dialog
Alert
Aspect Ratio
Avatar
Badge
Breadcrumb
Button Group
Button
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Data Table
Date Picker
Dialog
Drawer
Dropdown Menu
Empty
Field
Form
Hover Card
Input Group
Input OTP
Input
Item
Kbd
Label
Menubar
Native Select
Navigation Menu
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Sonner
Spinner
Switch
Table
Tabs
Textarea
Toast
Toggle Group
Toggle
Tooltip
Dropdown menus in Figma
The shadcn/ui figma Dropdown Menu displays actions triggered by buttons. Design user menus, action menus, and navigation in Figma with icons, shortcuts, and separators. This shadcn figma component includes submenus and keyboard navigation.
Menu organization and structure
Design well-organized menus in Figma with the shadcn/ui figma component—group related actions, use separators, and show icons. Prototype menu hierarchies with submenus for complex navigation structures.
Keyboard shortcuts in menus
This shadcn figma Dropdown Menu includes keyboard shortcut display next to menu items. Design discoverable shortcuts in Figma that teach users faster ways to perform actions in your application.
Dropdown Menu variants
The shadcn/ui figma Dropdown Menu supports checkboxes, radio buttons, and nested submenus. Design complete menu systems in Figma for toolbars, user profiles, and action buttons that match shadcn/ui behavior.