A Vue.js component for sharing links to social networks
##Demo
## Include support for:
# Yarn
yarn add vue-social-sharing
# NPM
npm install --save vue-social-sharing
# Bower
bower install vue-social-sharing
var SocialSharing = require('vue-social-sharing');
Vue.use(SocialSharing);
<script src="/dist/vue-social-sharing.min.js"></script>
<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>
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). |
Feel free to open an issue to ask for a new social network support.
Details changes for each release are documented in the CHANGELOG.md.
Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.
Please make sure to read the Contributing Guide before making a pull request.