dropdowns

Expandable choice menus

Dropdowns are user interface elements that expand to reveal a list of options when clicked, then collapse after a selection is made.

The term comes from the menu appearing to drop down from its header.

Common in web forms, navigation menus, and software applications: Select your country from the dropdown.

Also written as two words or hyphenated.

interface

menu

List of available dishes

picker · widget · navigation · toolbar · form · input · autocomplete · searchable · multiselect · cascading

interaction

click

Brief sharp noise

  • tapValve controlling liquid flow
  • hoverRemain suspended midair
  • toggleTwo-position switch

expand · collapse · open · close · select · focus · blur · scroll · filter · search

design

arrow

Pointed shaft for shooting

placeholder · label · icon · checkbox · radio · divider · separator · header · footer · scrollbar

options

choices

Available options to pick

values · entries · variants · preferences · defaults · presets · suggestions · recommendations · results · matches

Opposites
ui input mechanism

dropdownstext boxes

Areas for typing data

radio buttons · command line · checkboxes · toggle switches · gesture controls

ui input method

dropdownstext boxes

Areas for typing data

textarea · search boxes · command lines

selection interaction

dropdownssliders

Small hamburgers or adjustable controls

drag-and-drop · steppers · dials · pop-ups

Phrases
Family

dropdown

Familiarity
Top 200,000
Profile
Known to kids · Used worldwide · Timeless · Concrete · Rated G