Develop

Styles

Icon-only buttons for social media actions and sharing.

Sizes

The default size is sm.

<button
  class="tng-social-button is-sm"
  aria-label="Share on Facebook"
>
  <i class="tng-icon icon-facebook" aria-hidden="true"></i>
</button>
<button class="tng-social-button is-lg" aria-label="Share on YouTube">
  <i class="tng-icon icon-youtube" aria-hidden="true"></i>
</button>

States

<button
  class="tng-social-button"
  disabled
  aria-label="Share on YouTube"
>
  <i class="tng-icon icon-youtube" aria-hidden="true"></i>
</button>