A menu in which options are hidden by default but can be shown by interacting with a button; it differs from a select in that it shows actions or navigation options and is not a form input.
Component
Dropdown menu
Other names: Select menu
53 examples
Dropdown
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Dropdown
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Dropdown menu
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Dropdown
Bolt Design System
Pegasystems
- Sass
- Twig
- Web Components
- Code examples
- Tone of voice
- Open source
Dropdown
Bootstrap
- Sass
- Code examples
- Accessibility
- Open source
Dropdown
Bulma
- Sass
- Code examples
- Accessibility issues
- Open source
Overflow menu
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
OptionsMenu
Cauldron
Deque
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Dropdown
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Dropdown
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
Menu
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Dropdown
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Action menu
Dell Design System
- Vanilla JS
- Code examples
- Usage guidelines
Listbox Button
eBay MIND Patterns
- Accessibility
- Usage guidelines
- Open source
Listbox
eBay MIND Patterns
- Accessibility
- Usage guidelines
- Open source
Context menu
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Select Menu
Evergreen
Segment
- React
- Open source
Dropdown
Flowbite
- Tailwind CSS
- Open source
- Code examples
Dropdown
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
ContextualMenu
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Menu
Forma 36
Contentful
- React
- CSS-in-JS
- Code examples
- Open source
Menu
Geist Design System
Vercel
- React
- Code examples
Dropdown
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
Menu
Grommet
- React
- Code examples
- Open source
Dropdown Menu
Headless UI
Tailwind Labs
- React
- Vue
- Code examples
- Accessibility
- Open source
Dropdown
Helios
Hashicorp
- Ember
- Sass
- Code examples
- Usage guidelines
- Accessibility
- Open source
Dropdown
Helsinki Design System
City of Helsinki
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
Menu
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
Menu list
Mozilla Protocol
- Handlebars
- Sass
- Usage guidelines
- Open source
Content menu
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Dropdown
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Disclosure
Pajamas
GitLab
- Vue
- Usage guidelines
- Code examples
- Open source
Menu
Paste
Twilio
- React
- CSS-in-JS
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
- Open source
Dropdown
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Dropdown menu
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Dropdown
Purple3
Heroku
- CSS
- Code examples
- Unmaintained
Dropdown Button
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Menu
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Dropdown menu
Radix Primitives
WorkOS
- React
- Code examples
- Open source
Listbox
Reach UI
- React
- Accessibility
- Code examples
- Open source
Menu button
Reach UI
- React
- Accessibility
- Code examples
- Open source
Menu
Reakit
- React
- Code examples
- Open source
- Accessibility
Dropdown
Ruter Components
- React
- Code examples
- Unmaintained
Dropdown Menu
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
Dropdown
Shoelace
- Web Components
- Code examples
- Open source
Select box
Source
The Guardian
- React
- Code examples
- Usage guidelines
- Open source
Dropdown
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
- Unmaintained