Social Share 

<div class="social-share social-share--horizontal" data-module="socialShare">
    <h4 class="social-share__title">Share to social</h4>
    <ul>
        <li class="social-share__link" data-provider="copy-link">
            <span class="social-share__icon social-share__icon--copy-link"></span>
            <span class="social-share__text">Share Link</span>
        </li>
        <li class="social-share__link" data-provider="facebook">
            <span class="social-share__icon social-share__icon--facebook"></span>
            <span class="social-share__text">Facebook</span>
        </li>
        <li class="social-share__link" data-provider="twitter">
            <span class="social-share__icon social-share__icon--twitter"></span>
            <span class="social-share__text">Twitter</span>
        </li>
    </ul>
</div>
 
<div class="social-share social-share--{{#if modifier}}{{modifier}}{{else}}horizontal{{/if}}" data-module="socialShare">
    {{#if title}}
        <h4 class="social-share__title">{{title}}</h4>
    {{/if}}
    <ul>
        {{#each providers}}
            <li class="social-share__link" data-provider="{{provider}}">
                <span class="social-share__icon social-share__icon--{{provider}}"></span>
                <span class="social-share__text">{{text}}</span>
            </li>
        {{/each}}
    </ul>
</div>
 
{
  "title": "Share to social",
  "providers": [
    {
      "provider": "copy-link",
      "text": "Share Link"
    },
    {
      "provider": "facebook",
      "text": "Facebook"
    },
    {
      "provider": "twitter",
      "text": "Twitter"
    }
  ]
}

There are no notes for this item.