Vue component for social sharing
![screen shot 2018-05-30 at 4 46 44 pm](https://user-images.githubusercontent.com/9936881/40717210-2a117e2e-6429-11e8-8230-cc0b22094d96.png)
vue-socialmedia-share is a vue component for sharing links to social networks
![Edit vue-socialmedia-share](https://camo.githubusercontent.com/97cbe82b1619b42e1f78fce9db09104b932a9da1fd37751f4d9c41f4fe350241/68747470733a2f2f636f646573616e64626f782e696f2f7374617469632f696d672f706c61792d636f646573616e64626f782e737667)
- No external script loading
- Opens a new share tab
- Share Button for:
- Social Media icons includes in the library
- Change the size of icons
yarn add vue-socialmedia-share
or
npm install vue-socialmedia-share
import { Facebook } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Facebook
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon (1-9) |
Twitter
import { Twitter } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Twitter
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
title |
String |
|
Title of the shared page |
import { Linkedin } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Linkedin
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
import { Reddit } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Reddit
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
title |
String |
|
Title of the shared page |
import { Telegram } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Telegram
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
title |
String |
|
Title of the shared page |
import { WhatsApp } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
WhatsApp
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
title |
String |
|
Title of the shared page |
import { Pinterest } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Pinterest
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
import { Google } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Google
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
import { Email } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Email
}
};
Prop |
Data Type |
Required |
Description |
url |
String |
true |
URL to share. |
scale |
String |
|
Size of icon(1-9) |
subject |
String |
|
Subject of email |
body |
String |
|
Body of email |
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Β© Mohit Bajoria
MIT
Like it ?
it