OptionalalignmentThe alignment of the droppable relative to the anchor
OptionalanchorThe anchor element to position the droppable
OptionaldirectionThe direction of the droppable relative to the anchor
Controls whether the droppable is fit to the width of the anchor
Controls the open state of the droppable.
StaticstylesProtectedrenderInvoked 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.
Protectedupdated
Zeta Droppable is a container that can be opened and closed and can be attached to an anchor which will determine it's position.
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