{% props id: String, name: String, label: String, icon: Slot, inner_block: Slot %}
{#- name: the current app; icon: its tile icon; label: the suite's name; inner_block: the items. #}
<button class="ui-app-trigger" type="button" popovertarget="{{ id }}" aria-haspopup="menu"><span class="ui-app-tile" data-current>{{ icon }}</span><strong>{{ name }}</strong><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg></button>
<div class="ui-menu ui-switcher-menu" id="{{ id }}" popover role="menu" aria-label="Switch app">
<div class="ui-menu-label">{{ label }}</div>
{{ inner_block }}
</div>