<nve-dropdown>
Properties
Determines the alignment of the popover relative to the provided anchor element.
start Aligns the popover to the beginning edge of the anchor for left or top alignment.
end Aligns the popover to the ending edge of the anchor for right or bottom alignment.
center Centers the popover along the anchor's edge for balanced positioning.
Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID.
Determines if an arrow renders.
true
false
Use the popover API instead. Determines if popover visibility behavior should be automatically controlled by the trigger.
boolean
Indicates whether the user can dismiss or close the element.
true The element displays a close control and the user can dismiss it.
false The user cannot close the element and must dismiss it programmatically.
Enables internal string values to update for internationalization.
Sets the side position of the popover relative to the provided anchor element.
center Centers the popover directly over the anchor element.
top Positions the popover above the anchor element.
bottom Positions the popover below the anchor element.
left Positions the popover to the left side of the anchor element.
right Positions the popover to the right side of the anchor element.
Use the popover API instead. The trigger defines what element triggers an open interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.
Events
Dispatched on a popover just before showing or hiding.
Dispatched when the dropdown closes.
Dispatched when the dropdown opens.
Dispatched on a popover element just after showing or hiding.
Slots
default slot for dropdown content
CSS Properties
CSS Parts
The close icon button element
<nve-dropdown-header>
Slots
default slot for the dropdown header
<nve-dropdown-footer>
Slots
default slot for the dropdown footer