ActionMenu

ActionMenu is a dropdown menu for actions and navigation. Often used to collect related actions and reduce unnecessary noise (visual complexity) in the interface.

Warning
This component only includes the CSS from the React ActionMenu component and not a migration of the logic. It is implemented using a CSS draft specification, which is currently only supported in Chrome and Chromium-based browsers.

Warning
Keyboard interaction is missing.

Properties

ActionMenu Beta

PropertyDescriptionDefault
Control
Properties
trigger
required

The trigger for the action menu. Can be a string or a snippet. If a string, a button with variant secondary-neutral will be created with the string as the button text. If a snippet, remember to pass the attributes provided to the snippet to the trigger element.

Snippet string
-
align

The alignment of the action menu.

"start" "end"
"start"
Snippets
children

The content of the action menu.

 -
trigger

The trigger for the action menu. Can be a string or a snippet. If a string, a button with variant secondary-neutral will be created with the string as the button text. If a snippet, remember to pass the attributes provided to the snippet to the trigger element.

 -

ActionMenuCheckboxItem

PropertyDescriptionDefault
Control
Properties
checked
bindable

Value of the checkbox.

boolean "indeterminate"
false
Snippets
children

Content of the checkbox.

 -
Events
onchange

Callback when the checkbox is toggled.

 -

ActionMenuDivider

No properties, snippets or events.

ActionMenuGroup

PropertyDescriptionDefault
Control
Properties
label
required

Label for the group.

string
-
Snippets
children

Content of the group.

 -

ActionMenuItem

PropertyDescriptionDefault
Control
Properties
disabled

Disables the item.

boolean
false
icon

Icon to display next to the item.

Snippet Component
-
shortcut

Keyboard shortcut for the item.

string
-
variant

Styles the item as a destructive action.

"danger"
-
Snippets
children

Content of the item.

 -
icon

Icon to display next to the item.

 -
Events
onSelect

Callback when the item is selected.

 -

ActionMenuRadioGroup

PropertyDescriptionDefault
Control
Properties
label
required

Label for the radio group.

string
-
value
required bindable

The value of the radio group.

unknown
-
Snippets
children

Content of the radio group.

 -

ActionMenuRadioItem

PropertyDescriptionDefault
Control
Properties
value
required

The value of the radio item.

unknown
-
Snippets
children

Content of the radio item.

 -
Events
onselect

Callback when the item is selected.

 -

ActionMenuSub Beta

PropertyDescriptionDefault
Control
Properties
trigger
required

The trigger for the action menu. Can be a string or a snippet.

string Snippet
-
Snippets
children

The content of the action menu.

 -
trigger

The trigger for the action menu. Can be a string or a snippet.

 -