Popover

<div class="ecl-popover" data-ecl-auto-init="Popover"><a href="/example"
    class="ecl-link ecl-link--standalone ecl-link--icon ecl-popover__toggle" aria-controls="popover-example"
    data-ecl-popover-toggle aria-expanded="false" aria-label="Popover toggle"><svg
      class="ecl-icon ecl-icon--m ecl-link__icon" focusable="false" aria-hidden="true">
      <use xlink:href="/dist/media/icons.aa842b0d.svg#share"></use>
    </svg><span class="ecl-link__label">Popover</span></a>
  <div id="popover-example" class="ecl-popover__container" hidden>
    <div class="ecl-popover__scrollable"><button
        class="ecl-button ecl-button--tertiary ecl-popover__close ecl-button--icon-only" type="button"
        data-ecl-popover-close><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Close</span><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
            aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.aa842b0d.svg#close"></use>
          </svg></span></button>
      <div class="ecl-popover__content">Nulla est ad excepteur sint officia fugiat aute commodo ullamco amet culpa
        eiusmod labore.
        Esse nostrud aliqua pariatur pariatur officia non laboris cillum velit dolore in sit laboris fugiat.</div>
    </div>
  </div>
</div>