• Home
  • About Me
  • Twitter Trends
  • YoutTube Trends
  • Google Trends
  • Age Calculator
  • Public Holidays
  • Fancy Fonts
  • Privacy Policy
  • Contact Me

iamrohit.in

My Public Notebook

Skip to content
Menu
  • Tools
    • Twitter Trends
    • Google Trends
    • Youtube Trends
    • YouTube Tags Generator
    • Age Calculator
    • Public Holidays
    • English to Hindi Typing
    • Business Name Generator
    • Word Finder
    • Fancy Text Generator
    • IP Location Finder
    • Hours Calculator
    • Date Time Calculator
    • Emoji Copy Paste
  • Free Submission
    • Business Listing Directories
    • Directory Submission Sites
    • Social Bookmarking Sites
    • Classified Sites
      • India
      • Australia
      • Canada
      • United Kingdom
      • United States
    • Article Submission Sites
    • Press Release Sites List
    • PDF / DOC / PPT Submission Sites
    • Web 2.0 Submission Sites
    • RSS Feed Submission Sites List
    • Search Engine Submission Sites List
    • Forum Submission Sites List
    • Profile Creation Sites
    • Pinging Submission Sites
    • Wiki Submission Sites List
    • Image Sharing Sites
    • Question and Answer Sites List
    • Video Submission Sites
    • PDF Submission Sites List
    • Document Sharing Sites
    • Profile Creation Sites List
    • Podcast Submission
  • jQuery Plugins
    • Accordion
    • Barcode
    • Calendar
    • Clock
    • Countdown
    • Character Count
    • ColorPicker
    • Data Grid
    • DatePicker
    • Date Time
    • EU Cookie Law
    • Fileuploader
    • Form Validation
    • Icon Picker
    • Image Slider
    • image Crop
    • Image Zoom
    • Inputmask
    • Loading
    • Mega Menu
    • Menu
    • Multiselect
    • Multi-Step Form
    • News Ticker
    • Notification
    • Photo Gallery
    • QR Code
    • TimePicker
    • Tooltip
  • HOSTING

Vue component for social sharing

by adminPosted onJanuary 31, 2019January 31, 2019

vue-socialmedia-share

Vue component for social sharing

vue-socialmedia-share is a vue component for sharing links to social networks

screen shot 2018-05-30 at 4 46 44 pm


Features

  • No external script loading
  • Opens a new share tab
  • Share Button for:
    • [Facebook]
    • [Twitter]
    • [Reddit]
    • [LinkedIn]
    • [Google +]
    • [WhatsApp]
    • [Telegram]
    • [Email]
    • [Pinterest]
  • 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

Facebook

import { Facebook } from 'vue-socialmedia-share';



export default {
  components: {
    Facebook
  }
};

Props

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';



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

LinkedIn

import { Linkedin } from 'vue-socialmedia-share';



export default {
  components: {
    Linkedin
  }
};
Prop Data Type Required Description
url String true URL to share.
scale String Size of icon(1-9)

Reddit

import { Reddit } from 'vue-socialmedia-share';



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';



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

WhatsApp

import { WhatsApp } from 'vue-socialmedia-share';



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

Pinterest

import { Pinterest } from 'vue-socialmedia-share';



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';



export default {
  components: {
    Google
  }
};


Prop Data Type Required Description
url String true URL to share.
scale String Size of icon(1-9)

Email

import { Email } from 'vue-socialmedia-share';



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
DEMO | DOWNLOAD

Author

© Mohit Bajoria

License

MIT

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on Pocket (Opens in new window)
  • Click to share on Reddit (Opens in new window)

Related

Posted in VueJsTagged VueJs Social Share Components

Published by admin

View all posts by admin

Post navigation

Prev 10+ Credit Card Validator Script in jQuery
Next 10+ {UPDATED} Pure CSS Parallax Effects

Subscribe to My Public NoteBook

Enter your email address to subscribe my public notebook and receive notifications of new posts by email.

Join 22,905 other subscribers

Categories

  • Angular.js
  • Bootstrap
  • CakePHP
  • CSS & CSS3
  • Express
  • Hosting
  • Interview Question and Answer
  • Jquery & Javascript
  • Kali Linux
  • Make Money Online
  • MYSQL
  • NodeJs
  • Offers & Deals
  • Others
  • PHP
  • ReactJs
  • Security Tips
  • SEO
  • Tailwind CSS
  • Tips & Tricks
  • Ubuntu
  • VueJs
  • WordPress
DigitalOcean Referral Badge

Advertisement

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy
© Copyright 2023 – iamrohit.in
Allium Theme by TemplateLens ⋅ Powered by WordPress