Intelligence Community Design System

<ic-button
id="button-1"
variant="icon"
title="More information"
onclick="handleClick()"
aria-expanded="false"
>
<svg
slot="icon"
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-three-dots-vertical"
viewBox="0 0 16 16"
>
<pathd="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
</svg>
</ic-button>
<div>
<ic-popover-menuanchor="button-1"aria-label="popover"id="popover-menu">
<ic-menu-itemlabel="Copy code"></ic-menu-item>
<ic-menu-itemlabel="Paste code"></ic-menu-item>
<ic-menu-item
label="Actions"
submenu-trigger-for="actions"
></ic-menu-item>
</ic-popover-menu>
<ic-popover-menusubmenu-id="actions">
<ic-menu-itemlabel="Edit"></ic-menu-item>
<ic-menu-itemlabel="Find"></ic-menu-item>
<ic-menu-itemlabel="Delete"variant="destructive"></ic-menu-item>
</ic-popover-menu>
</div>

<IcButton
variant="icon"
title="More information"
id="button-1"
onClick={handlePopoverToggled}
aria-expanded={popoverOpen}
>
<SlottedSVG
slot="icon"
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-three-dots-vertical"
viewBox="0 0 16 16"
>
<pathd="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
</SlottedSVG>
</IcButton>
<IcPopoverMenuanchor="button-1"aria-label="popover"open={popoverOpen}onIcPopoverClosed={handlePopoverClosed}>
<IcMenuItemlabel="Copy code"/>
<IcMenuItemlabel="Paste code"/>
<IcMenuItemlabel="Actions"submenuTriggerFor="actions"/>
</IcPopoverMenu>
<IcPopoverMenusubmenuId="actions"aria-label="popover">
<IcMenuItemlabel="Edit"/>
<IcMenuItemlabel="Find"/>
<IcMenuItemlabel="Delete"variant="destructive"/>
</IcPopoverMenu>