<div class="share"><button class="share__trigger" type="button"><svg class="icon icon--share share__icon" viewBox="0 0 200 200">
      <use xlink:href="#icon-share"></use>
    </svg><span class="share__text">Teilen</span></button>
  <div class="share__tooltip" aria-hidden="true">
    <ul class="share__list">
      <li class="share__item"><a class="share__link js-popup" href="#" data-name="Facebook"><svg class="icon icon--facebook" viewBox="0 0 200 200">
            <use xlink:href="#icon-facebook"></use>
          </svg><span class="share__label">Facebook</span></a></li>
      <li class="share__item"><a class="share__link js-popup" href="#" data-name="X"><svg class="icon icon--x" viewBox="0 0 200 200">
            <use xlink:href="#icon-x"></use>
          </svg><span class="share__label">X</span></a></li>
      <li class="share__item"><a class="share__link js-popup" href="#" data-name="Xing"><svg class="icon icon--xing" viewBox="0 0 200 200">
            <use xlink:href="#icon-xing"></use>
          </svg><span class="share__label">Xing</span></a></li>
      <li class="share__item"><a class="share__link" href="#" data-name="E-Mail"><svg class="icon icon--mail-fill" viewBox="0 0 200 200">
            <use xlink:href="#icon-mail-fill"></use>
          </svg><span class="share__label">E-Mail</span></a></li>
      <li class="share__item"><button class="share__link js-copy" type="button" data-clipboard-text="www.Ich-wurde-kopiert.de" data-copy-message="Link kopieren" data-copied-message="In Zwischenablage &amp;#10003;"><svg class="icon icon--copy" viewBox="0 0 200 200">
            <use xlink:href="#icon-copy"></use>
          </svg><span class="share__label">Link kopieren</span></button></li>
    </ul><button class="share__close" type="button" title="Schließen" hidden="hidden"><svg class="icon icon--close" viewBox="0 0 200 200">
        <use xlink:href="#icon-close"></use>
      </svg></button>
    <div class="share__arrow"></div>
  </div>
</div>

{
  "text": "p Beitrag teilen",
  "iconLink": {
    "text": "Teilen",
    "attr": {
      "title": "Diese Seite teilen"
    }
  },
  "items": [
    {
      "text": "Facebook",
      "icon": "facebook",
      "link": "#",
      "popup": true
    },
    {
      "text": "X",
      "icon": "x",
      "link": "#",
      "popup": true
    },
    {
      "text": "Xing",
      "icon": "xing",
      "link": "#",
      "popup": true
    },
    {
      "text": "E-Mail",
      "icon": "mail-fill",
      "link": "#",
      "external": true,
      "popup": null
    },
    {
      "text": "Link kopieren",
      "icon": "copy",
      "popup": null,
      "copy": "www.Ich-wurde-kopiert.de",
      "copymessage": "Link kopieren",
      "copiedmessage": "In Zwischenablage ✓"
    }
  ]
}