Examples

Usage examples.

Default mode

<SocialShare />

Plain mode

<SocialShare 
  :networks="[
    'facebook', 
    'qq', 
    'twitter', 
    'line', 
    'reddit',
  ]" 
  is-plain 
/>

Custom hashtags

<SocialShare 
  :networks="['twitter', 'facebook']" 
  :tags="['SocialShare', 'VuePress']" 
/>

Custom order

<SocialShare :networks="['twitter', 'facebook']" />

<SocialShare :networks="['facebook', 'twitter']" />

Built-in networks

<SocialShare
  :networks="[
    'bluesky',
    'douban',
    'email',
    'facebook',
    'line',
    'linkedin',
    'pinterest',
    'qq',
    'qrcode',
    'reddit',
    'skype',
    'telegram',
    'threads',
    'twitter',
    'viber',
    'wechat',
    'weibo',
    'whatsapp',
    'x',
  ]"
/>

User defined networks

<SocialShare :networks="['pocket']" />

No global UI

Add noGlobalSocialShare: true in frontmatter to disable the global ui component.

Currently, the page you are looking at has no global social share component.

---
noGlobalSocialShare: true
---