...
An action menu is a set of actions related to an element, component, or area of the application.
Workspace menu | Data table column Contextual menu | General / data table row Icon menu | Widget menu |
|---|---|---|---|
 |  |  |  |
Usage & Behavior
General Guidelines
...
A list of action options, shown inside a small container. There are three types of actions:
Simple actions, such as Copy. Represented by text, with or without an icon.
Complex actions, such as columns. Text followed by an ellipsis (…), with or without an icon. These open a new Dialog when clicked.
Toggle actions, such as Show working hours. Text with an associated check sign to show when it is selected.
Action options may be divided into groups. In this case, a horizontal divider will be shown between the groups.Dividers or group headers may also be used to organise the action options into groups.
With group divider | With group headers |
|---|---|
 |  |
Content
The width of the options list should adapt to the longest option, up to a maximum width. Where options are too long they should be truncated with a tooltip displaying the full text shown on hover.
...