vue-share-social

2,339
Install
npm install vue-share-social
Latest Version:0.3.2
Vue:2
Last Updated:Sep 26, 2018
Links: npm
Maintainer: kohei_takata

vue-share-social

Build Status

Social NetWorking Share Button Components on Vue.js.

Usage

install

$ npm install vue-share-social

or

$ yarn add vue-share-social

※ Transpile Build And node-sass, sass-loader Required. (ex: webpack, babel)

Add Plugin

import Vue from 'vue'
import VueShareSocial from 'vue-share-social'

Vue.use(VueShareSocial)

or

Use Component

Common Props
props default description
url current url shared url
windowWidth 640 popup window width
windowHeight 640 popup window height
size m button size at s, m, l
type circle button type at circle, square, rounded
elevation 5 the height of the button shadow in the range of 1 to 10
Twitter And Hatena Props
props default description
title - shared title
Pattern On Share Button
  • Facebook Share
  • Twitter Like
  • GooglePlus Share
  • Hatena Blog Share
  • Line Like
<template>
  <div>
    <ShareFacebook url="http://recruit.istyle.co.jp/career/"/>
    <ShareTwitter url="http://recruit.istyle.co.jp/career/"/>
    <ShareGooglePlus url="http://recruit.istyle.co.jp/career/"/>
    <ShareHatena url="http://recruit.istyle.co.jp/career/"/>
    <ShareLine url="http://recruit.istyle.co.jp/career/"/>
  </div>
</template>

<script>
import { ShareFacebook, ShareTwitter, ShareGooglePlus, ShareHatena, ShareLine } from 'vue-share-social'

export default {
  components: {
    ShareFacebook,
    ShareTwitter,
    ShareGooglePlus,
    ShareHatena,
    ShareLine
  }
}
</script>

Credit

License

MIT

Version History

Version Released Vue License
0.3.2 ^2.5.16
0.3.1 ^2.5.16
0.3.0 ^2.5.16
0.2.0 ^2.5.16
0.1.0 ^2.5.16