JSPM – @w0s/button-share@3.1.1

Package Exports

@w0s/button-share
@w0s/button-share/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@w0s/button-share) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Share button using Web Share API.

Demo

Demo page

Examples

<script type="importmap">
  {
    "imports": {
      "@w0s/button-share": "..."
    }
  }
</script>
<script type="module">
  import buttonShare from '@w0s/button-share';

  buttonShare(document.querySelectorAll('.js-button-share')); // `getElementById()` or `getElementsByClassName()` or `getElementsByTagName()` or `querySelector()` or `querySelectorAll()`
</script>

<button type="button" class="js-button-share"
  data-text="Message text"
  data-title="Page title"
  data-url="/path/to"
>Share</button>

HTML attributes

type [optional]: This attribute is not required, but it is recommended to include type="button". According to the description in the HTML specification, The missing value default and invalid value default are the Submit Button state.
data-text [optional]: Arbitrary text that forms the body of the message being shared. If omitted, it will be an empty string.
data-title [optional]: The title of the document being shared. May be ignored by the target. If omitted, the value of document.title will be set.
data-url [optional]: A URL string referring to a resource being shared. The url can contain a relative-URL string. If omitted, the value of document.URL will be set.