react-share-on-social

:smiling_face_with_three_hearts::stuck_out_tongue_winking_eye::money_mouth_face::sunglasses::partying_face:

Native sharing if supported, beautiful fallback if not.

A ~8kb package for effortless social media sharing, originally forked from react-web-share.

Features

- Uses the Web Share API for supported browsers
- Copy to clipboard functionality using copy-to-clipboard
- Uses React Portal to render the component outside the parent DOM hierarchy

Installation

``bash
npm install react-share-on-social
`

or, if you're using yarn:

`bash
yarn add react-share-on-social
`

Usage

Passing the linkFavicon prop drastically improves UX for devices that use the fallback. Without linkFavicon, the fallback renders a grey box instead.

> Note: The Web Share API only works in secure contexts (HTTPS). Read more here.

`js
import React from "react";
import ShareOnSocial from "react-share-on-social";
import favicon from "../assets/favicon.png";

const Example = () => {
return (
textToShare="Check out this new wardrobe I just found from IKEA!"
link="https://ikea.com/wardrobes/kalle"
linkTitle="KALLE Wardorbe which chooses your clothes for you using AI - IKEA"
linkMetaDesc="Stop going through the agony of choosing clothes that fit the weather and your mood."
linkFavicon={favicon}
noReferer
>
Share this product

);
};
`

Required props

| Property | Type | Description |
| -------------- | ------------------ | --------------------------------------------------------------------------------------- |
| textToShare | string | The text that appears in the post. |
| link | URL | The URL to share. |
| linkTitle | string | The link title which should correspond to the