Protected Internal_OptionalalignmentThe alignment of the droppable relative to the action menu. Defaults start if left undefined.
OptionaldirectionThe direction of the droppable relative to the anchor. Defaults to bottom if left undefined.
The flavor of the component determines the visual style of the component.
The icon to be displayed on the button
ProtectedinternalsArray of action items
Leading icon of button. Full list of icons can be found at Zeta Icons.
OptionalnameName for the button, used if the button is in a form.
Controls the state of the dropdown menu.
Trailing icon of button. Full list of icons can be found at Zeta Icons.
OptionaltypeThe type of the button when used in a form
OptionalvalueThe value of the name property When submitted as part of a form
StaticformStatic InternalshadowStaticstylesProtected_ProtectedrenderInvoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
ProtectedfirstInvoked when the element is first updated. Implement to perform one time work on the element after update.
firstUpdated() {
this.renderRoot.getElementById('my-text-area').focus();
}
Setting properties inside this method will trigger the element to update again after this update cycle completes.
Zeta Action Menu Button places a button that when clicked opens an action menu containing the items passed into it through the items prop.
Figma
https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=22391-10146
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-action-menu--docs