react-web-share-button

React Share Button Component that uses the Web Share API with fallback

Demo

How to use it:

import ShareButton from 'react-web-share-button';

<ShareButton title="My Great Page" text="A really great page" url="http://www.greatpage.com" />

Browsers with Web Share API support

Browsers without Web Share API support

Options:

| Name | Description
| ------------- |-------------:| | buttonText | Text or Node that is used on the Share button | | buttonStyle | Inline styles for the Button |
| fallbackContainerStyles | Inline styles for the fallback container | | fallbackContainerOnShowStyles | Inline styles for the fallback container when it becames visible | | target | Where to open url in case of the fallback dialog | | fallbackButtonStyle | Inline styles for the fallback buttons | | url | Url to share | | onSuccess | Called when the share is successful, only in case where Web Share API is supported |
| onError | Called when the share is not successful, only in case where Web Share API is supported |
| text | Text that is used by the Web Share API |
| title | Title that is used by the Web Share API |