Skip to main content

Dropdown API

Properties
NameTypeDefaultDescription
data-markup-contentstringHTML content of the trigger element. Not sanitized — sanitize it in your application to prevent XSS.
data-markup-classstringCSS class applied to the trigger element.
data-dropdown-align"auto" | "top"Alignment of the dropdown panel.
data-autoclosebooleanfalseAutomatically closes the dropdown after an item inside it is clicked.
Events
EventDescriptionReturns
statusFires when the dropdown opens or closes.{ detail: { status: 'opened' | 'closed' } }