| Table of Contents | ||||
|---|---|---|---|---|
|
...
Type | Usage |
|---|---|
| Textual dropdown Menu |
|
| Textual + icon menu |  |
| Multi selection dropdown menu |
|
| Search/filter dropdown menu |
|
Usage & Behavior
General guidelines
Text
A drop down menu can have a preceding label, or not (see example below).
...
The label should be clear and short (limited to a single line).
Internal Logic
Users need to select one item exclusively from a short list of options (minimum 3 items, maximum - y).
...
- Select trigger - opens the option list.
- Option List - displays the list of items available. The menu can be textual only or display icons, next to the text, as shown below:
- (Optional) Action icons for dropdown menus that add extra functionality on items, when hovered. Those icons will display a tooltip describing the action, when hovered.
...
Once the user selects an option, the list box closes and the selected option is displayed in the field.
Hovered items are highlighted with a light blue background color.
Selected items have a blue V sign on the left side of the value as shown below
Unlike 'Combo Box', the user cannot enter text in the text box.
Validations and errors
Please refer to Field validation page for more information.
An example for a drop down menu with a warning: 
...