Skip to main content

Dropdown Menu

The Dropdown Menu component is meant to embed one of several Button components and display them in a dropdown menu.

It has the following properties:

  • Actions are fully customizable button components.
  • They can have a runnable and/or trigger a side effect (open a modal, select a tab, etc.)
  • The menu itself is a button that can be customized like the other buttons.

The following section details Dropdown Menu component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Each item is a Button component.

LabelstringtruefalsenullWhat's displayed o the menu.
Colorblue, red, dark, light, green, gray, nonetruefalseblueThe dropdown menu color.
Sizexs, sm, md , lg, xlfalsefalsesmThe dropdown menu size.
Fill containerbooleanfalsefalsefalseWhether the dropdown menu should fill the component container.
Before IconstringfalsefalseUndefinedThe icon to display before the label.
After IconstringfalsefalseUndefinedThe icon to display after the label.


latestButtonClickedstringThe id of the Button component that was latest picked by the user.