Action menu
An action menu shows a list of items presenting the user with actions that can have an immediate effect, or a redirection to another section of the Mirakl platform.
Last updated
An action menu shows a list of items presenting the user with actions that can have an immediate effect, or a redirection to another section of the Mirakl platform.
Last updated
Action menus are displayed to the user after a click on a button (Split Button, Menu Button, Icon Button).
Must be used for secondary (or sub-)actions that do not require to be visible right away
Contain actions related to the same object or related to each other.
Clicking on an item automatically triggers the associated action. Must lead to visual feedback showing the effect and the result of the action to the user or redirect him to the appropriate section of the Mirakl platform.
Large lists should be avoided. Items in the action list can have nested submenus.
Items with sub-menus do not contain any related actions other than opening the sub-menu
A sub-menu list holds the name of its parent item.
If all actions are disabled, consider disabling the parent component
The first item is automatically given focus when the action menu is triggered with the keyboard
Navigate through the list using the arrow keys
Give focus to the list's parent element by pressing the Esc or Shift+Tab key while on the first item of the list.
Activate the action using the enter/return key or the space key
Group actions within the menu
Mix items with icons and items without icons
Use 2 separators in a row
Use a separator for the last item on the list
