Context menu button

The button for displaying the dropdown menu for executing different actions (e.g. navigation). The component supports both manual and dynamic options configuration, different positioning and adjustment options, as well as different appearance and styling options.



setDisabled(disabled: boolean)

disables or enables the component

setMenuItems(items: object[])

sets the items of the menu


triggers a click event


opens the menu


closes the menu


toggles the menu


Triggers allow you to launch certain actions upon different events.

On Init

Calls for an action on component initialization, e.g., page refresh

On Click

Calls for an action when a component is clicked

On Menu item Click

Calls for an action when a menu item is clicked

Trigger unique actions based on the selected menu item

To set up unique actions for each selected option, adhere to these steps:

  • Set up your menu items and assign each one a unique ID

  • Create a new action incorporating a JavaScript step and assign it to the On Menu Item Click trigger

  • Upon clicking a menu item, the action will be initiated, and the variable {{}} will contain the value of the selected item ID. Use this code to activate distinct actions depending on the chosen item:

if ({{}} === 'item_1') {
  await {{actions.itemOneClick.trigger()}};
} else if ({{}} === 'item_2') {
  await {{actions.itemTwoClick.trigger()}};
} else if ({{}} === 'item_2') {
  await {{actions.itemThreeClick.trigger()}};


Last updated