Misterzym
/
vue-share-buttons
mirror of https://github.com/misterzym/vue-share-buttons
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Changed component name

dependabot/npm_and_yarn/lodash-4.17.19
Alexandrshy 5 years ago
parent
042a769d93
commit
4b3dda5e14
1 changed files with 790 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 790
      src/VueShareButtons.vue

790
src/VueShareButtons.vue
Unescape View File

@ -0,0 +1,790 @@
<template>
<div class="share-buttons">
<div class="share-buttons-group">
<twitter-button></twitter-button>
<twitter-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></twitter-button>
<twitter-button v-bind:hasIcon="false"></twitter-button>
<twitter-button class="share-button--circle"></twitter-button>
<twitter-button class="share-button--circle" btnText></twitter-button>
<twitter-button class="share-button--circle" v-bind:hasIcon="false"></twitter-button>
<twitter-button class="share-button--outline"></twitter-button>
<twitter-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></twitter-button>
<twitter-button class="share-button--outline" v-bind:hasIcon="false"></twitter-button>
<twitter-button class="share-button--circle share-button--outline"></twitter-button>
<twitter-button class="share-button--circle share-button--outline" btnText></twitter-button>
<twitter-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></twitter-button>
</div>
<div class="share-buttons-group">
<liveJournal-button></liveJournal-button>
<liveJournal-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></liveJournal-button>
<liveJournal-button v-bind:hasIcon="false"></liveJournal-button>
<liveJournal-button class="share-button--circle"></liveJournal-button>
<liveJournal-button class="share-button--circle" btnText></liveJournal-button>
<liveJournal-button class="share-button--circle" v-bind:hasIcon="false"></liveJournal-button>
<liveJournal-button class="share-button--outline"></liveJournal-button>
<liveJournal-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></liveJournal-button>
<liveJournal-button class="share-button--outline" v-bind:hasIcon="false"></liveJournal-button>
<liveJournal-button class="share-button--circle share-button--outline"></liveJournal-button>
<liveJournal-button class="share-button--circle share-button--outline" btnText></liveJournal-button>
<liveJournal-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></liveJournal-button>
</div>
<div class="share-buttons-group">
<digg-button></digg-button>
<digg-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></digg-button>
<digg-button v-bind:hasIcon="false"></digg-button>
<digg-button class="share-button--circle"></digg-button>
<digg-button class="share-button--circle" btnText></digg-button>
<digg-button class="share-button--circle" v-bind:hasIcon="false"></digg-button>
<digg-button class="share-button--outline"></digg-button>
<digg-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></digg-button>
<digg-button class="share-button--outline" v-bind:hasIcon="false"></digg-button>
<digg-button class="share-button--circle share-button--outline"></digg-button>
<digg-button class="share-button--circle share-button--outline" btnText></digg-button>
<digg-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></digg-button>
</div>
<div class="share-buttons-group">
<renren-button></renren-button>
<renren-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></renren-button>
<renren-button v-bind:hasIcon="false"></renren-button>
<renren-button class="share-button--circle"></renren-button>
<renren-button class="share-button--circle" btnText></renren-button>
<renren-button class="share-button--circle" v-bind:hasIcon="false"></renren-button>
<renren-button class="share-button--outline"></renren-button>
<renren-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></renren-button>
<renren-button class="share-button--outline" v-bind:hasIcon="false"></renren-button>
<renren-button class="share-button--circle share-button--outline"></renren-button>
<renren-button class="share-button--circle share-button--outline" btnText></renren-button>
<renren-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></renren-button>
</div>
<div class="share-buttons-group">
<blogger-button></blogger-button>
<blogger-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></blogger-button>
<blogger-button v-bind:hasIcon="false"></blogger-button>
<blogger-button class="share-button--circle"></blogger-button>
<blogger-button class="share-button--circle" btnText></blogger-button>
<blogger-button class="share-button--circle" v-bind:hasIcon="false"></blogger-button>
<blogger-button class="share-button--outline"></blogger-button>
<blogger-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></blogger-button>
<blogger-button class="share-button--outline" v-bind:hasIcon="false"></blogger-button>
<blogger-button class="share-button--circle share-button--outline"></blogger-button>
<blogger-button class="share-button--circle share-button--outline" btnText></blogger-button>
<blogger-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></blogger-button>
</div>
<div class="share-buttons-group">
<weibo-button></weibo-button>
<weibo-button v-bind:isBlank="false" shareText="Twiiter share good work" btnText></weibo-button>
<weibo-button v-bind:hasIcon="false"></weibo-button>
<weibo-button class="share-button--circle"></weibo-button>
<weibo-button class="share-button--circle" btnText></weibo-button>
<weibo-button class="share-button--circle" v-bind:hasIcon="false"></weibo-button>
<weibo-button class="share-button--outline"></weibo-button>
<weibo-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
btnText
></weibo-button>
<weibo-button class="share-button--outline" v-bind:hasIcon="false"></weibo-button>
<weibo-button class="share-button--circle share-button--outline"></weibo-button>
<weibo-button class="share-button--circle share-button--outline" btnText></weibo-button>
<weibo-button class="share-button--circle share-button--outline" v-bind:hasIcon="false"></weibo-button>
</div>
<div class="share-buttons-group">
<evernote-button shareTitle="Comment"></evernote-button>
<evernote-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></evernote-button>
<evernote-button v-bind:hasIcon="false" shareTitle="Comment"></evernote-button>
<evernote-button class="share-button--circle" shareTitle="Comment"></evernote-button>
<evernote-button class="share-button--circle" shareTitle="Comment" btnText></evernote-button>
<evernote-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></evernote-button>
<evernote-button class="share-button--outline" shareTitle="Comment"></evernote-button>
<evernote-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></evernote-button>
<evernote-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></evernote-button>
<evernote-button class="share-button--circle share-button--outline" shareTitle="Comment"></evernote-button>
<evernote-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></evernote-button>
<evernote-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></evernote-button>
</div>
<div class="share-buttons-group">
<vkontakte-button shareTitle="Comment"></vkontakte-button>
<vkontakte-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></vkontakte-button>
<vkontakte-button v-bind:hasIcon="false" shareTitle="Comment"></vkontakte-button>
<vkontakte-button class="share-button--circle" shareTitle="Comment"></vkontakte-button>
<vkontakte-button class="share-button--circle" shareTitle="Comment" btnText></vkontakte-button>
<vkontakte-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></vkontakte-button>
<vkontakte-button class="share-button--outline" shareTitle="Comment"></vkontakte-button>
<vkontakte-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></vkontakte-button>
<vkontakte-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></vkontakte-button>
<vkontakte-button class="share-button--circle share-button--outline" shareTitle="Comment"></vkontakte-button>
<vkontakte-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></vkontakte-button>
<vkontakte-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></vkontakte-button>
</div>
<div class="share-buttons-group">
<facebook-button shareTitle="Comment"></facebook-button>
<facebook-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></facebook-button>
<facebook-button v-bind:hasIcon="false" shareTitle="Comment" hasCounter></facebook-button>
<facebook-button class="share-button--circle" shareTitle="Comment" hasCounter></facebook-button>
<facebook-button class="share-button--circle" shareTitle="Comment" btnText hasCounter></facebook-button>
<facebook-button
class="share-button--circle"
shareTitle="Comment"
v-bind:hasIcon="false"
hasCounter
></facebook-button>
<facebook-button class="share-button--outline" shareTitle="Comment" hasCounter></facebook-button>
<facebook-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
hasCounter
></facebook-button>
<facebook-button
class="share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
hasCounter
></facebook-button>
<facebook-button class="share-button--outline" hasCounter></facebook-button>
<facebook-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
hasCounter
></facebook-button>
<facebook-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
hasCounter
></facebook-button>
<facebook-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
hasCounter
></facebook-button>
</div>
<div class="share-buttons-group">
<facebook-messenger-button shareTitle="Comment"></facebook-messenger-button>
<facebook-messenger-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></facebook-messenger-button>
<facebook-messenger-button v-bind:hasIcon="false" shareTitle="Comment"></facebook-messenger-button>
<facebook-messenger-button class="share-button--circle" shareTitle="Comment"></facebook-messenger-button>
<facebook-messenger-button class="share-button--circle" shareTitle="Comment" btnText></facebook-messenger-button>
<facebook-messenger-button
class="share-button--circle"
shareTitle="Comment"
v-bind:hasIcon="false"
></facebook-messenger-button>
<facebook-messenger-button class="share-button--outline" shareTitle="Comment"></facebook-messenger-button>
<facebook-messenger-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></facebook-messenger-button>
<facebook-messenger-button
class="share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></facebook-messenger-button>
<facebook-messenger-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
></facebook-messenger-button>
<facebook-messenger-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></facebook-messenger-button>
<facebook-messenger-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></facebook-messenger-button>
</div>
<div class="share-buttons-group">
<linkedIn-button shareTitle="Comment"></linkedIn-button>
<linkedIn-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></linkedIn-button>
<linkedIn-button v-bind:hasIcon="false" shareTitle="Comment"></linkedIn-button>
<linkedIn-button class="share-button--circle" shareTitle="Comment"></linkedIn-button>
<linkedIn-button class="share-button--circle" shareTitle="Comment" btnText></linkedIn-button>
<linkedIn-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></linkedIn-button>
<linkedIn-button class="share-button--outline" shareTitle="Comment"></linkedIn-button>
<linkedIn-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></linkedIn-button>
<linkedIn-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></linkedIn-button>
<linkedIn-button class="share-button--circle share-button--outline" shareTitle="Comment"></linkedIn-button>
<linkedIn-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></linkedIn-button>
<linkedIn-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></linkedIn-button>
</div>
<div class="share-buttons-group">
<tumblr-button shareTitle="Comment"></tumblr-button>
<tumblr-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></tumblr-button>
<tumblr-button v-bind:hasIcon="false" shareTitle="Comment"></tumblr-button>
<tumblr-button class="share-button--circle" shareTitle="Comment"></tumblr-button>
<tumblr-button class="share-button--circle" shareTitle="Comment" btnText></tumblr-button>
<tumblr-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></tumblr-button>
<tumblr-button class="share-button--outline" shareTitle="Comment"></tumblr-button>
<tumblr-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></tumblr-button>
<tumblr-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></tumblr-button>
<tumblr-button class="share-button--circle share-button--outline" shareTitle="Comment"></tumblr-button>
<tumblr-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></tumblr-button>
<tumblr-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></tumblr-button>
</div>
<div class="share-buttons-group">
<pinterest-button shareTitle="Comment"></pinterest-button>
<pinterest-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></pinterest-button>
<pinterest-button v-bind:hasIcon="false" shareTitle="Comment"></pinterest-button>
<pinterest-button class="share-button--circle" shareTitle="Comment"></pinterest-button>
<pinterest-button class="share-button--circle" shareTitle="Comment" btnText></pinterest-button>
<pinterest-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></pinterest-button>
<pinterest-button class="share-button--outline" shareTitle="Comment"></pinterest-button>
<pinterest-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></pinterest-button>
<pinterest-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></pinterest-button>
<pinterest-button class="share-button--circle share-button--outline" shareTitle="Comment"></pinterest-button>
<pinterest-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></pinterest-button>
<pinterest-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></pinterest-button>
</div>
<div class="share-buttons-group">
<reddit-button shareTitle="Comment"></reddit-button>
<reddit-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></reddit-button>
<reddit-button v-bind:hasIcon="false" shareTitle="Comment"></reddit-button>
<reddit-button class="share-button--circle" shareTitle="Comment"></reddit-button>
<reddit-button class="share-button--circle" shareTitle="Comment" btnText></reddit-button>
<reddit-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></reddit-button>
<reddit-button class="share-button--outline" shareTitle="Comment"></reddit-button>
<reddit-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></reddit-button>
<reddit-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></reddit-button>
<reddit-button class="share-button--circle share-button--outline" shareTitle="Comment"></reddit-button>
<reddit-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></reddit-button>
<reddit-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></reddit-button>
</div>
<div class="share-buttons-group">
<pocket-button shareTitle="Comment"></pocket-button>
<pocket-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></pocket-button>
<pocket-button v-bind:hasIcon="false" shareTitle="Comment"></pocket-button>
<pocket-button class="share-button--circle" shareTitle="Comment"></pocket-button>
<pocket-button class="share-button--circle" shareTitle="Comment" btnText></pocket-button>
<pocket-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></pocket-button>
<pocket-button class="share-button--outline" shareTitle="Comment"></pocket-button>
<pocket-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></pocket-button>
<pocket-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></pocket-button>
<pocket-button class="share-button--circle share-button--outline" shareTitle="Comment"></pocket-button>
<pocket-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></pocket-button>
<pocket-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></pocket-button>
</div>
<div class="share-buttons-group">
<xing-button shareTitle="Comment"></xing-button>
<xing-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></xing-button>
<xing-button v-bind:hasIcon="false" shareTitle="Comment"></xing-button>
<xing-button class="share-button--circle" shareTitle="Comment"></xing-button>
<xing-button class="share-button--circle" shareTitle="Comment" btnText></xing-button>
<xing-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></xing-button>
<xing-button class="share-button--outline" shareTitle="Comment"></xing-button>
<xing-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></xing-button>
<xing-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></xing-button>
<xing-button class="share-button--circle share-button--outline" shareTitle="Comment"></xing-button>
<xing-button class="share-button--circle share-button--outline" shareTitle="Comment" btnText></xing-button>
<xing-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></xing-button>
</div>
<div class="share-buttons-group">
<odnoklassniki-button shareTitle="Comment"></odnoklassniki-button>
<odnoklassniki-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></odnoklassniki-button>
<odnoklassniki-button v-bind:hasIcon="false" shareTitle="Comment"></odnoklassniki-button>
<odnoklassniki-button class="share-button--circle" shareTitle="Comment"></odnoklassniki-button>
<odnoklassniki-button class="share-button--circle" shareTitle="Comment" btnText></odnoklassniki-button>
<odnoklassniki-button
class="share-button--circle"
shareTitle="Comment"
v-bind:hasIcon="false"
></odnoklassniki-button>
<odnoklassniki-button class="share-button--outline" shareTitle="Comment"></odnoklassniki-button>
<odnoklassniki-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></odnoklassniki-button>
<odnoklassniki-button
class="share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></odnoklassniki-button>
<odnoklassniki-button class="share-button--circle share-button--outline" shareTitle="Comment"></odnoklassniki-button>
<odnoklassniki-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></odnoklassniki-button>
<odnoklassniki-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></odnoklassniki-button>
</div>
<div class="share-buttons-group">
<instapaper-button shareTitle="Comment"></instapaper-button>
<instapaper-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></instapaper-button>
<instapaper-button v-bind:hasIcon="false" shareTitle="Comment"></instapaper-button>
<instapaper-button class="share-button--circle" shareTitle="Comment"></instapaper-button>
<instapaper-button class="share-button--circle" shareTitle="Comment" btnText></instapaper-button>
<instapaper-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></instapaper-button>
<instapaper-button class="share-button--outline" shareTitle="Comment"></instapaper-button>
<instapaper-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></instapaper-button>
<instapaper-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></instapaper-button>
<instapaper-button class="share-button--circle share-button--outline" shareTitle="Comment"></instapaper-button>
<instapaper-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></instapaper-button>
<instapaper-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></instapaper-button>
</div>
<div class="share-buttons-group">
<hatena-button shareTitle="Comment"></hatena-button>
<hatena-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></hatena-button>
<hatena-button v-bind:hasIcon="false" shareTitle="Comment"></hatena-button>
<hatena-button class="share-button--circle" shareTitle="Comment"></hatena-button>
<hatena-button class="share-button--circle" shareTitle="Comment" btnText></hatena-button>
<hatena-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></hatena-button>
<hatena-button class="share-button--outline" shareTitle="Comment"></hatena-button>
<hatena-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></hatena-button>
<hatena-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></hatena-button>
<hatena-button class="share-button--circle share-button--outline" shareTitle="Comment"></hatena-button>
<hatena-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></hatena-button>
<hatena-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></hatena-button>
</div>
<div class="share-buttons-group">
<email-button shareTitle="Comment"></email-button>
<email-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></email-button>
<email-button v-bind:hasIcon="false" shareTitle="Comment"></email-button>
<email-button class="share-button--circle" shareTitle="Comment"></email-button>
<email-button class="share-button--circle" shareTitle="Comment" btnText></email-button>
<email-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></email-button>
<email-button class="share-button--outline" shareTitle="Comment"></email-button>
<email-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></email-button>
<email-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></email-button>
<email-button class="share-button--circle share-button--outline" shareTitle="Comment"></email-button>
<email-button class="share-button--circle share-button--outline" shareTitle="Comment" btnText></email-button>
<email-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></email-button>
</div>
<div class="share-buttons-group">
<viber-button shareTitle="Comment"></viber-button>
<viber-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></viber-button>
<viber-button v-bind:hasIcon="false" shareTitle="Comment"></viber-button>
<viber-button class="share-button--circle" shareTitle="Comment"></viber-button>
<viber-button class="share-button--circle" shareTitle="Comment" btnText></viber-button>
<viber-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></viber-button>
<viber-button class="share-button--outline" shareTitle="Comment"></viber-button>
<viber-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></viber-button>
<viber-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></viber-button>
<viber-button class="share-button--circle share-button--outline" shareTitle="Comment"></viber-button>
<viber-button class="share-button--circle share-button--outline" shareTitle="Comment" btnText></viber-button>
<viber-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></viber-button>
</div>
<div class="share-buttons-group">
<telegram-button shareTitle="Comment"></telegram-button>
<telegram-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></telegram-button>
<telegram-button v-bind:hasIcon="false" shareTitle="Comment"></telegram-button>
<telegram-button class="share-button--circle" shareTitle="Comment"></telegram-button>
<telegram-button class="share-button--circle" shareTitle="Comment" btnText></telegram-button>
<telegram-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></telegram-button>
<telegram-button class="share-button--outline" shareTitle="Comment"></telegram-button>
<telegram-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></telegram-button>
<telegram-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></telegram-button>
<telegram-button class="share-button--circle share-button--outline" shareTitle="Comment"></telegram-button>
<telegram-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></telegram-button>
<telegram-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></telegram-button>
</div>
<div class="share-buttons-group">
<whatsApp-button shareTitle="Comment"></whatsApp-button>
<whatsApp-button
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></whatsApp-button>
<whatsApp-button v-bind:hasIcon="false" shareTitle="Comment"></whatsApp-button>
<whatsApp-button class="share-button--circle" shareTitle="Comment"></whatsApp-button>
<whatsApp-button class="share-button--circle" shareTitle="Comment" btnText></whatsApp-button>
<whatsApp-button class="share-button--circle" shareTitle="Comment" v-bind:hasIcon="false"></whatsApp-button>
<whatsApp-button class="share-button--outline" shareTitle="Comment"></whatsApp-button>
<whatsApp-button
class="share-button--outline"
v-bind:isBlank="false"
shareText="Twiiter share good work"
shareTitle="Comment"
btnText
></whatsApp-button>
<whatsApp-button class="share-button--outline" shareTitle="Comment" v-bind:hasIcon="false"></whatsApp-button>
<whatsApp-button class="share-button--circle share-button--outline" shareTitle="Comment"></whatsApp-button>
<whatsApp-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
btnText
></whatsApp-button>
<whatsApp-button
class="share-button--circle share-button--outline"
shareTitle="Comment"
v-bind:hasIcon="false"
></whatsApp-button>
</div>
<div class="share-buttons-group">
<twitter-button class="share-button--painted" hasCounter></twitter-button>
<liveJournal-button class="share-button--painted"></liveJournal-button>
<digg-button class="share-button--painted"></digg-button>
<renren-button class="share-button--painted"></renren-button>
<blogger-button class="share-button--painted"></blogger-button>
<weibo-button class="share-button--painted"></weibo-button>
<evernote-button class="share-button--painted"></evernote-button>
<vkontakte-button class="share-button--painted" hasCounter></vkontakte-button>
<facebook-button class="share-button--painted" hasCounter></facebook-button>
<linkedIn-button class="share-button--painted" hasCounter></linkedIn-button>
<tumblr-button class="share-button--painted" hasCounter></tumblr-button>
<pinterest-button class="share-button--painted" hasCounter></pinterest-button>
<reddit-button class="share-button--painted"></reddit-button>
<pocket-button class="share-button--painted"></pocket-button>
<xing-button class="share-button--painted"></xing-button>
<odnoklassniki-button class="share-button--painted" hasCounter></odnoklassniki-button>
<instapaper-button class="share-button--painted"></instapaper-button>
<hatena-button class="share-button--painted"></hatena-button>
<email-button class="share-button--painted"></email-button>
<viber-button class="share-button--painted"></viber-button>
<telegram-button class="share-button--painted"></telegram-button>
<whatsApp-button class="share-button--painted"></whatsApp-button>
</div>
</div>
</template>
<script>
import TwitterButton from "./components/TwitterButton";
import LiveJournalButton from "./components/LiveJournalButton";
import BloggerButton from "./components/BloggerButton";
import DiggButton from "./components/DiggButton";
import RenrenButton from "./components/RenrenButton";
import WeiboButton from "./components/WeiboButton";
import EvernoteButton from "./components/EvernoteButton";
import VkontakteButton from "./components/VkontakteButton";
import FacebookButton from "./components/FacebookButton";
import FacebookMessengerButton from "./components/FacebookMessengerButton";
import LinkedInButton from "./components/LinkedInButton";
import TumblrButton from "./components/TumblrButton";
import PinterestButton from "./components/PinterestButton";
import RedditButton from "./components/RedditButton";
import PocketButton from "./components/PocketButton";
import XingButton from "./components/XingButton";
import OdnoklassnikiButton from "./components/OdnoklassnikiButton";
import InstapaperButton from "./components/InstapaperButton";
import HatenaButton from "./components/HatenaButton";
import EmailButton from "./components/EmailButton";
import ViberButton from "./components/ViberButton";
import TelegramButton from "./components/TelegramButton";
import WhatsAppButton from "./components/WhatsAppButton";
export default {
name: "app-share-buttons",
components: {
TwitterButton,
LiveJournalButton,
BloggerButton,
DiggButton,
RenrenButton,
WeiboButton,
EvernoteButton,
VkontakteButton,
FacebookButton,
FacebookMessengerButton,
LinkedInButton,
TumblrButton,
PinterestButton,
RedditButton,
PocketButton,
XingButton,
OdnoklassnikiButton,
InstapaperButton,
HatenaButton,
EmailButton,
ViberButton,
TelegramButton,
WhatsAppButton
}
};
</script>
<style>
.share-buttons-group {
margin-bottom: 20px;
}
</style>
Write Preview
Loading…
Cancel
Save