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. |