/vue-social-sharing

A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X

Primary LanguageJavaScriptMIT LicenseMIT

vue-social-sharing

Release Build Status Coverage Status Downloads License vue1 vue2

A Vue.js component for sharing links to social networks

For Vue.js prior to < V2 use vue-social-sharing v0.x
For Vue.js V2 use vue-social-sharing v1.x

  ##Demo   ## Include support for:                  


Installation

# Yarn
yarn add vue-social-sharing

# NPM
npm install --save vue-social-sharing

# Bower
bower install vue-social-sharing

Usage

Loading the library

Browserify / Webpack
var SocialSharing = require('vue-social-sharing');

Vue.use(SocialSharing);
HTML
<script src="/dist/vue-social-sharing.min.js"></script>

Using the social sharing component

<social-sharing url="https://vuejs.org/" inline-template>
  <div>
      <facebook>
        <i class="fa fa-facebook"></i> Facebook
      </facebook>

      <twitter>
        <i class="fa fa-twitter"></i> Twitter
      </twitter>

      <googleplus>
        <i class="fa fa-google-plus"></i> Google +
      </googleplus>

      <pinterest>
        <i class="fa fa-pinterest"></i> Pinterest
      </pinterest>

      <reddit>
        <i class="fa fa-reddit"></i> Reddit
      </reddit>

      <linkedin>
        <i class="fa fa-linkedin"></i> LinkedIn
      </linkedin>

      <whatsapp>
        <i class="fa fa-whatsapp"></i> Whatsapp
      </whatsapp>
  </div>
</social-sharing>

Available properties

List of available props to use in the component:

Prop Data Type Default Description
url String current URL to share.
title String Sharing title (when available).
description String Sharing description (when available).
quote String Facebook quote (Facebook only).
hashtags String A list of comma-separated hashtags (Twitter only).
twitter-user String Twitter user (Twitter only).

Feature request

Feel free to open an issue to ask for a new social network support.

Changelog

Details changes for each release are documented in the CHANGELOG.md.

Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT