UI MarCom 3

Dropdown Stable Dark theme

A Dropdown is a small overlay that can contain any type of content, which are displayed on demand.

General guidance

A dropdown is a possible choice, if several actions should be grouped into an expandable submenu. There may be multiple content links or actions revealed when the menu is openend.

Structure

Dropdown structure
Dropdown structure
  1. Label Mandatory
  2. Dropdown Arrow Optional
  3. Content container Mandatory
Apple PieOrange JuiceBanana Joe
Apple PieOrange JuiceBanana Joe

Dropdown menu with applied light and dark theming

Related components

They are often used for Menus, for example, in the User Area or to show Tabs or In-Page Navigation items on mobile viewports.

Dos and don’ts

  • Do mind using a reasonable number of entries.
  • Do not mistake a dropdown as a select box input.