Installation

You can install it using yarn add share-button-links or npm install share-button-links.

To import it inside your components just add:

import ButtonGroup from 'share-button-links-react/components/button-group';

To import the CSS or SCSS just add: @import 'share-button-links-react/main.css'; or @import 'share-button-links-react/main.scss';.

Note: Most of the svg icons in buttons belong to Bootstrap Icons. and others to Tabler Icons.

All buttons shared similar or same props as one. To check which button has an specific o share prop, please check information below for more knowledge.

Props:

All these props below are type String, and default value is empty.

  • url, and isRounded: All buttons accept url prop to share o copy url.

  • title: Only Facebook, Twitter, Reddit, Tumblr, and Pocket accept this prop.

  • message: Only WhatsApp, and Telegram accept this prop.

  • content: Only Tumblr, and Email accept this prop.

  • description and mediaUrl : Only Pinterest accept this prop.

  • subject, and to: Only Email button accept this prop.

Buttons:

To add or active the button just use the props facebookIcon, whatsappIcon, telegramIcon, twitterIcon, linkedInIcon, redditIcon, pinterestIcon, tumblrIcon, pocketIcon, emailIcon, and copyIcon. All this props are type boolean.

All icons are white.