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:

App editor Documentation

The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.

Apps quickstart

Learn how to build your first app in a matter of minutes.

Menu items

Each item is a Button component.

Dropdown menu configuration

Name	Type	Connectable	Templatable	Default	Description
Label	string	true	false	null	What's displayed o the menu.
Color	blue, red, dark, light, green, gray, none	true	false	blue	The dropdown menu color.
Size	xs, sm, md , lg, xl	false	false	sm	The dropdown menu size.
Fill container	boolean	false	false	false	Whether the dropdown menu should fill the component container.
Before Icon	string	false	false	Undefined	The icon to display before the label.
After Icon	string	false	false	Undefined	The icon to display after the label.

Outputs

Name	Type	Description
latestButtonClicked	string	The id of the Button component that was latest picked by the user.