in src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js [187:210]
template: template(
`
<template #toggle>
<button class="gl-rounded-base gl-border-none gl-p-2 gl-bg-strong">
<span class="gl-sr-only">
Orange Fox user's menu
</span>
<gl-avatar :size="32" entity-name="Orange Fox" aria-hidden="true"/>
</button>
</template>
<gl-disclosure-dropdown-group>
<gl-disclosure-dropdown-item @action="closeDropdown">
<template #list-item>
<span class="gl-flex gl-flex-col">
<span class="gl-font-bold gl-whitespace-nowrap">Orange Fox</span>
<span class="gl-text-subtle">@thefox</span>
</span>
</template>
</gl-disclosure-dropdown-item>
</gl-disclosure-dropdown-group>
<gl-disclosure-dropdown-group :bordered="bordered" :border-position="borderPosition" :group="$options.groups[0]" @action="closeDropdown">
<template #list-item="{ item }">
<span class="gl-flex gl-items-center gl-justify-between">
{{item.text}}