Action menu

Action menu is composed of action list and overlay patterns used for quick actions and selections.

On this page

  • Updated 1 Oct 2024

Playground

No preview available
open
trigger
align

Props

NameTypeValuesDefault
triggerVarianticon-buttonbuttonbutton-single-selectionbutton-multi-selectionicon-button
openVariantfalsetruetrue
alignVariantrightleftcenterright

trigger

trigger: icon-button, open: true, align: right
icon-button
trigger: button, open: true, align: right
button
trigger: button-single-selection, open: true, align: right
button-single-selection
trigger: button-multi-selection, open: true, align: right
button-multi-selection

open

trigger: icon-button, open: true, align: right
true
trigger: icon-button, open: false, align: right
false

align

trigger: icon-button, open: true, align: right
right
trigger: icon-button, open: true, align: left
left
trigger: icon-button, open: true, align: center
center