drop-downs

Clickable option lists

Drop-downs are menus that appear when you click or hover over an element, revealing a list of options that "drop down" from the trigger point.

The term comes from computing interfaces where navigation menus, form selections, and settings panels expand downward: Select your country from the drop-down.

Also written as dropdown or drop down.

components

menu

List of available dishes

  • submenuSecondary navigation tier
  • arrowPointed shaft for shooting
  • listSequence of recorded items

options · toggle · expand · collapse · scrollbar · checkbox · divider · header · icon · label

interaction

click

Brief sharp noise

  • selectCarefully pick from options
  • chooseSelect from alternatives
  • hoverRemain suspended midair

expand · collapse · scroll · navigate · pick · toggle · activate · highlight · focus · open

interface

form

Shape or document

header · footer · modal · dashboard · combobox · listbox · autocomplete · multiselect · cascading · nested

states

expanded

Made larger or wider

focused · hovered · active · open · closed · loading · populated · empty · error · readonly

Opposites
input method type

drop-downstext boxes

Areas for typing data

search boxes · command lines

interaction style

drop-downsradio buttons

Single-choice interface elements

checkboxes · toggle switches · sliders · steppers

Family

dropdown

Familiarity
Top 100,000
Profile
Known to kids · Used worldwide · Timeless · Concrete · Everyday, not technical · Rated G