Material Share

With chrome 61 on mobile the Web Share Api was deployed. You can now invoke the native share action inside your browser. You can read more about here

other browsers will follow

To use the Web Share Api:

• you must be served over HTTPS
• you can also share any URL, not just URLs under your website's current scope: and you may also share text without a URL
• you should feature-detect it in case it's not available on your users' platform (e.g., via navigator.share !== undefined)

Installation

npm i --save material-ui-share

Usage

import Share from 'material-ui-share'

// ...
render() {
  return(
    <Share
        title='This is a cool title'
        text='Oh you want some text for this share component'
        url='https://developers.google.com/web/updates/2016/09/navigator-share'
    />
  )
}

SearchBar Properties

|Name |Type |Default |Description |----------------|------------|------------|-------------------------------- |title | string | | Sets title for content to share. |text | string | | Sets text for content to share. |url | string | | Sets url for content to share. |onFailure | func | | Fired when share action returns an error. |onSuccess | func | | Fired when share action succeeded. |style | object | | Override the inline-styles of the root element.

* required property

License

The files included in this repository are licensed under the MIT license.