Optional
alignmentThe alignment of the droppable relative to the anchor
Optional
anchorThe anchor element to position the droppable
Optional
directionThe 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.
Static
stylesProtected
renderInvoked 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.
Protected
firstInvoked 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.
Protected
updated
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