Package Exports
- d-share
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (d-share) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
d-share
Share buttons in Derby apps.
Share your website on multiple third-party social networks.
Available Sharing Networks
- Google+
- Tumblr
- 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).