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.

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.

Keyboard interaction is missing.

Properties

ActionMenu Beta

Property	Description	Default	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

Property	Description	Default	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

Property	Description	Default	Control
Properties
label required	Label for the group. `string`	-
Snippets
children	Content of the group.		-

ActionMenuItem

Property	Description	Default	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

Property	Description	Default	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

Property	Description	Default	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

Property	Description	Default	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.		-