Sharing button behaviour.
npm install social-share-buttonSocial sharing buttons for Domodule.
``sh`
npm install social-share-button
_or_
`sh`
yarn add social-share-button
`html`
data-module-text="No water in mars yet"
data-module-tags="not,awesome"
data-module-via="NASA"
data-module-base-url="https://firstandthird.com/"
data-module-net="twitter">Share on Twitter custom all
`js`
import 'social-share-button';
It supports the following sharing methods:
* Email: emailgplus
* GPlus:
* LinkedIn:
* Facebook:
* Twitter:
* Pinterest:
* Reddit:
They're controlled with the data-module-net option.
All of the networks have a way to set the sharing url which is controlled via the data-module-base-url attribute. Should data-module-relative appear on the element, the URL would be based on the current one.
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| subject | document.title | Email's subject. |body
| | Check this out #url | Note that #url will be replaced with shareUrl |
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| text | N/A | Linkedin's post text. |title
| | N/A | Linkedin's post title. |
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| text | content's value | Twitter's post text. |tags
| | content's value | Hashtags |via
| | content's value | Twitter's author |
Have in mind that facebook needs OG tags for the post to be formatted correctly.
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| tag | N/A | Post's tags. |text
| | N/A | Post's text. Note that due to facebook limitation's this is seen as a byline rather than as text. |
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| title | N/A | Pin title |media
| | content's value | Pin image |
| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| title` | N/A | Reddit post title. |
---
_A First+Third Project_