react-share-button
A lightweight React Share Button for mobile web with web share api integration, native intent support and fallback.
Features
- Web Share Api (on Origin Trials experiment until April 2017)
- Share Modal Fallback for other browsers
- Share via Whatsapp, FB, Twitter, Mail or Copy on Clipboard
Installation
npm install --save react-share-button
Basic Usage
JSX:
; <ShareBtn url=url text=text className='ib' displayText='Share'/>CSS
Options
<ShareBtn/> Component
| prop | default | description |
|---|---|---|
| className | '' | Custom classnamem, you can style your button with this |
| url | '' | The URL you want to share |
| text | '' | The Text before the URL (E.g. Hey checkout this awesome property!!) |
| displayText | Share | Any text you wanna write on button like Share Property |
| onShareBtnClick | () => {} | A callback function when share button is clicked |
| sharedBy | (medium) => {console.log('shared via ', medium)} | A callback function when user clicks on any share medium from share modal |
Development
git clone https://github.com/housinghq/react-share-button
cd react-share-button
npm install
npm run storybook
Open an issue before opening a PR. The UI in this package is for moibile only.
License
MIT @ Loconsolutions