{# Opens with the Popover API; the content is the menu's items (links, or buttons inside forms). #}
{% props id: String, label: String, variant: String = "outline", inner_block: Slot %}
<div data-ui="dropdown-menu">
<button class="ui-btn"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %} data-ui-part="trigger" type="button" popovertarget="{{ id }}" aria-haspopup="menu">{{ label }}<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></button>
<div class="ui-menu" id="{{ id }}" popover role="menu">{{ inner_block }}</div>
</div>