Skip to content
On this page

Button group

The button group consists of multiple buttons, each of which shares similar or identical properties. If you want to determine which button has a specific "share" property, refer to the information provided below for a better understanding.


Usage

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

Props

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

  • url, isRounded, isCircled, and isBordered: 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 these props are type boolean.

All icons are white