Protected Internal_buttonOptionalalignmentThe 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 icon to be displayed on the button
ProtectedinternalsArray of action items
OptionalleadingOptionalnameName for the button, used if the button is in a form.
Controls the state of the dropdown menu.
OptionaltrailingOptionaltypeThe type of the button when used in a form
OptionalvalueThe value of the name property When submitted as part of a form
StaticformStatic InternalshadowStaticstylesProtected_handleProtectedrenderInvoked 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://zeta-ds.web.app/web/storybook/?path=/docs/dropdown--docs