Skip to content

icaliman/d-share

Repository files navigation

d-share

Share buttons in Derby apps.

Share your website on multiple third-party social networks.

Available Sharing Networks

  • Email
  • Facebook
  • Google+
  • Pinterest
  • Tumblr
  • Twitter
  • Reddit
  • LinkedIn
  • MySpace
  • Sina

Other Sharing Networks, for these we have not icons (Contributors welcome!!!)

  • Douban
  • Kaixin
  • Netease
  • Renren
  • Sohu

Usage Examples

First of make sure to install d-share through npm npm install d-share.

Including

app.use(require('d-share'));

In template

<!-- Facebook -->
<share service="facebook" url="http://derbyjs.com/" text="Expect more from MVC."/>

<!-- Pinterest -->
<share service="pinterest" url="http://derbyjs.com/" desc="Expect more from MVC." image="http://derbyjs.com/images/derby.png"/>

<!-- Small icon -->
<share service="facebook" url="http://derbyjs.com/" text="Expect more from MVC." icon-size="16"/>

<!-- Use your own button -->
<share service="facebook" url="http://derbyjs.com/" text="Expect more from MVC.">
    <button>Share on Facebook</button>
</share>

Component Attributes

Attribute Description Applies To
service The network to share to (please refer to the available networks; must be all lower case) All
url The URL you want to share All, except Netease
text The title or text you want to enter when sharing Email, Pinterest, Twitter, Reddit, LinkedIn, MySpace, Douban, Kaixin, Netease, Renren, Sina, Sohu
desc The description you want to enter when sharing Email, MySpace
image The image you want to enter when sharing Pinterest, Douban, Sina
icon-size Icon size, can be 16 or 32, defaults to 32 optional

TODO

  • Store icons in another place (currently we use github).

About

Share buttons in Derby apps

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published