Material-ui-share NPM

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	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.

react material material-design material-ui share react-component

prop-types

@everything-registry/sub-chunk-2138 @zalastax/nolb-material-

0.1.1

7 years ago