The button menu component allows you to collect buttons within it. It has a dropdown arrow which expands a menu with other button choices.
Creating the button menu is similar to creating a regular button, however, actions are required for each button menu item.
Button menu component properties
Selecting the button menu component shows its configurable properties.
Display |
|
Variant | Choose between Primary or Tertiary. This is dependent on colour chosen.  |
Color | Select from the given list of colors. |
Default state | The default state of the component (Regular/Hidden/Disabled). |
Menu items
This section manages the items in the button menu. In the below example, there are a total of three menu items.
Menu items |
|
+ Plus symbol | Add a new menu item, which will show in the list. |
| When enabled, clicking will open up the menu of items. |
| This appears when the toggle above is enabled. Since clicking the button opens a menu, you can set a custom label for the button menu. |
| Change sort order by dragging this handle. |
| Delete the menu item. |
Main button opens menu
Main button label
Sort order
Delete
Configure an individual Menu Item
Clicking a menu item in the list will bring up a display to configure that menu item:
Menu item property |
|
Label | Text shown for the menu item. |
+ Add click | Add a click event for the menu item |
Default state | The default state of the control (Regular/Hidden/Disabled). |
Cancel / Apply Buttons | Apply must be clicked to save changes. |