consul/ui-v2/app/components/popover-select/index.hbs

20 lines
654 B
Handlebars

<div class="popover-select" ...attributes>
<PopoverMenu @keyboardAccess={{false}}>
<BlockSlot @name="trigger">
<span>
{{selected.value}}
</span>
</BlockSlot>
<BlockSlot @name="menu" as |id send keypressClick change|>
<li role="separator">
{{title}}
</li>
{{#each options as |option|}}
<li role="none" class={{if (eq selected.key option.key) 'is-active'}}>
<button tabindex="-1" role="menuitem" type="button" value={{option.key}} onclick={{action (queue (action 'change' option) change )}}>{{option.value}}</button>
</li>
{{/each}}
</BlockSlot>
</PopoverMenu>
</div>