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
39 examples
Dropdown
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
Dropdown menu
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
- Open source
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
Dropdown
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Dropdown
Coral
Talend
- React
- Code examples
- Tone of voice
Dropdown button
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Listbox Button
eBay MIND Patterns
- Accessibility
- Usage guidelines
- Open source
Listbox
eBay MIND Patterns
- Accessibility
- Usage guidelines
- Open source
Contextual menu
Edison Design System
General Electric
- Web Components
- Usage guidelines
- Code examples
Context menu
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Select Menu
Evergreen
Segment
- React
- Open source
Dropdown
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
ContextualMenu
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
Menu
Forma 36
Contentful
- React
- CSS-in-JS
- Code examples
- Open source
Dropdown
Goldman Sachs Design System
- Tone of voice
- Usage guidelines
Menu
Grommet
- React
- Code examples
- Open source
Menu (dropdown)
Headless UI
Tailwind Labs
- React
- Vue
- Code examples
- 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
Paste
Twilio
- React
- CSS-in-JS
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
- Open source
Dropdown menu
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Dropdown
Primer
GitHub
- CSS
- Code examples
- Open source
Select menu
Primer
GitHub
- CSS
- Code examples
- Open source
Dropdown
Purple3
Heroku
- CSS
- Code examples
Dropdown Button
Quasar Framework
- Vue
- Accessibility issues
- Code examples
Menu
Quasar Framework
- Vue
- Accessibility issues
- Code examples
Dropdown menu
Radix Primitives
Modulz
- React
- Code examples
- Open source
Menu
Reakit
- React
- Code examples
- Open source
- Accessibility
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
Menu
Vercel Design
- React
- Code examples
Dropdown
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source