react-web-share-button
React Share Button Component that uses the Web Share API with fallback
Demo
How to use it:
; <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 |