Component

Dropdown menu

Also known as: Select menu

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.

45 Examples

Filter:

  • Dropdown

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Dropdown menu

    Atlassian Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Accessibility

  • Menu

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • Dropdown

    Bootstrap

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility
    • Open source

  • Dropdown

    Bulma

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Overflow menu

    Carbon Design System

    Tech

    • React
    • Vanilla JS
    • Angular
    • Vue
    • Svelte
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • OptionsMenu

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Dropdown

    Clarity Design System

    Tech

    • CSS
    • Angular
    • Web Components

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Dropdown

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Menu

    Crayons

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Dropdown

    Decathlon Design System

    Tech

    • CSS
    • React
    • Svelte
    • Vue
    • Web Components

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Action menu

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • Listbox Button

    eBay MIND Patterns

  • Listbox

    eBay MIND Patterns

  • Context menu

    Elastic UI framework

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • Select Menu

    Evergreen

    Tech

    • React

    Features

    • Open source

  • Dropdown

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • Dropdown

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • ContextualMenu

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Menu

    Forma 36

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Menu

    Geist Design System

    Tech

    • React

    Features

    • Code examples

  • Dropdown

    Gestalt

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Open source
    • Usage guidelines

  • Menu

    Grommet

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Dropdown Menu

    Headless UI

    Tech

    • React
    • Vue

    Features

    • Code examples
    • Accessibility
    • Open source

  • Dropdown

    Helios

    Tech

    • Ember
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Menu

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • Menu list

    Mozilla Protocol

    Tech

    • Handlebars
    • Sass

    Features

    • Usage guidelines
    • Open source

  • Content menu

    Nessie

    Tech

    • Web Components
    • Tailwind CSS

    Features

    • Usage guidelines
    • Code examples

  • Dropdown

    Nord Design System

    Tech

    • Web Components

    Features

    • Code examples
    • Usage guidelines

  • Disclosure

    Pajamas

    Tech

    • Vue

    Features

    • Usage guidelines
    • Code examples
    • Open source

  • Menu

    Paste

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Code examples
    • Tone of voice
    • Accessibility
    • Open source

  • Dropdown

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Dropdown

    Purple3

    Tech

    • CSS

    Features

    • Code examples
    • Unmaintained

  • Dropdown Button

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Menu

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Dropdown menu

    Radix Primitives

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Listbox

    Reach UI

    Tech

    • React

    Features

    • Accessibility
    • Code examples
    • Open source

  • Menu button

    Reach UI

    Tech

    • React

    Features

    • Accessibility
    • Code examples
    • Open source

  • Menu

    Reakit

    Tech

    • React

    Features

    • Code examples
    • Open source
    • Accessibility

  • Dropdown

    Ruter Components

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Dropdown Menu

    shadcn/ui

    Tech

    • React
    • Tailwind CSS

    Features

    • Code examples
    • Open source

  • Dropdown

    Shoelace

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Select box

    Source

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Dropdown menu

    Visa Product Design System

    Tech

    • Angular
    • React
    • CSS
    • Mobile

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Menu

    Workday Canvas Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Accessibility
    • Tone of voice
    • Open source

Related components

  • Select

    Dropdown, Select input

    A form input used for selecting a value: when collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from.

Resources

Name distribution