← All elements
<button class="pc-pop-btn" type="button" popovertarget="pc-share">Share</button>
<div class="pc-pop" id="pc-share" popover>
<a href="#">Copy link</a>
<a href="#">Send by email</a>
<a href="#">Post to Messenger</a>
</div>About this menu
A share menu that opens, closes and dismisses on outside click or Esc with the native popover attribute, anchored under its button, with no JavaScript. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.