Social Share Buttons

!npm
!npm

Social sharing buttons for Domodule.

Installation

``sh
npm install social-share-button
`

_or_

`sh
yarn add social-share-button
`

Usage

$3

`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

`

$3

`js
import 'social-share-button';
`

It supports the following sharing methods:

* Email: email
* GPlus: gplus
* LinkedIn: linkedin
* Facebook: facebook
* Twitter: twitter
* Pinterest: pinterest
* Reddit: reddit

They're controlled with the data-module-net option.

ShareUrl

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.

$3

| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| subject | document.title | Email's subject. |
| body | Check this out #url | Note that #url will be replaced with shareUrl |

$3

| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| text | N/A | Linkedin's post text. |
| title | N/A | Linkedin's post title. |

$3

| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| text | content's value | Twitter's post text. |
| tags | content's value | Hashtags |
| via | content's value | Twitter's author |

$3

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. |

$3

| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| title | N/A | Pin title |
| media | content's value | Pin image |

$3

| Option | Default | Description |
|------------|---------------|--------------------------------------------------------|
| title` | N/A | Reddit post title. |

---

_A First+Third Project_