Easy and simple way to share data via mobile’s built-in share module

by React

React-Mobile-Share

Provides an easy and simple way to share data (such as text, url and media) via mobile’s built-in share module. It is based on Web Share API.

This works only with secure contexts (HTTPS).

Features

  • Lightweight
  • Share text, url and image.
  • Works on Android and iOS

? Installation

npm i react-mobile-share    # npm
yarn add react-mobile-share # yarn

Demo

Try with CodeSandbox

Preview

   

? Usage

import React from "react";
import { shareOnMobile } from 'react-mobile-share';

const imgBase64 = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2..."

const App = () =>{
  return (
    <div>
      <button
        onClick={() =>
          shareOnMobile({
            text: "Hey checkout our package react-mobile-share",
            url: "https://www.npmjs.com/package/react-mobile-share",
            title: "React-Mobile-Share",
            image : imgBase64,	
          })
        }
      >
        Share
      </button>
    </div>
  );
}

export default App;

? Props

? License

MIT © encoresky

GitHub

View Github