1.0.1 • Published 7 years ago
vue-socialmedia-share v1.0.1
vue-socialmedia-share
Vue component for social sharing
vue-socialmedia-share is a vue component for sharing links to social networks
Demo
Features
- No external script loading
- Opens a new share tab
- Share Button for:
- Social Media icons includes in the library
- Change the size of icons
Installation
yarn add vue-socialmedia-share
or
npm install vue-socialmedia-share
API
import { Facebook } from 'vue-socialmedia-share';
// usage in local component
export default {
components: {
Facebook
}
};
Props
Prop | Data Type | Required | Description |
---|---|---|---|
url | String | true | URL to share. |
scale | String | Size of icon (1-9) |
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 |
Telegram
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) |
Google +
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 |
Contributing Guide
- 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
Author
License
Like it ? it
1.0.1
7 years ago
1.0.0
7 years ago
0.27.0
7 years ago
0.26.0
7 years ago
0.25.0
7 years ago
0.24.0
7 years ago
0.23.0
7 years ago
0.22.0
7 years ago
0.21.0
7 years ago
0.20.0
7 years ago
0.19.0
7 years ago
0.18.0
7 years ago
0.17.0
7 years ago
0.16.0
7 years ago
0.15.0
7 years ago
0.14.0
7 years ago
0.13.0
7 years ago
0.12.0
7 years ago
0.11.0
7 years ago
0.10.0
7 years ago
0.9.0
7 years ago
0.8.0
7 years ago
0.7.0
7 years ago
0.6.0
7 years ago
0.5.0
7 years ago
0.4.0
7 years ago
0.3.0
7 years ago
0.2.0
7 years ago
0.1.0
7 years ago