react-sharingbuttons
Lightweight social sharing buttons for React. No tracking. Just fun. Heavily inspired by sharingbuttons.io
Demo & Docs:
https://caspg.github.io/react-sharingbuttons
Installation
yarn add react-sharingbuttons
or alternatively:
npm install --save react-sharingbuttons
Usage
NOTE If you care about your bundle size, you can import each button separately.
Import predefined css:
const sharingButtons = { const url = 'https://github.com/caspg/react-sharingbuttons' const shareText = 'Check this site!' return <div> <Facebook url=url /> <Twitter url=url shareText=shareText /> </div> }
Overriding styles
You can customize buttons further to meet your needs. For example, following html will be rendered for Twitter
button:
... Share me
Available buttons and its props
common props:
text
- text which is displayed inside button, default to button name.onClick
- onClick event passed toa
tag.
button specific props:
text , url , subject |
|
text , url |
|
text , url |
|
text , url , shareText (a pin description), mediaSrc |
|
text , url |
|
text , url , shareText (a tweet text), |
|
Tumblr | text , url , title , caption , content |