1.0.3 • Published 4 years ago
social-sharing-component v1.0.3
social-sharing-component
Lightweight social sharing buttons for your site. Heavily inspired by sharingbuttons.io and react-sharingbuttons. SVG icons by flaticon.
Demo:
https://oleksii-ponomarov.github.io/social-sharing
Installation
npm install social-sharing-component
Usage
import SocialSharing from 'social-sharing-component'<SocialSharing
media={['facebook', 'twitter']}
size="small"
/>Available props
| Prop | Type | Values |
|---|---|---|
| media | string | "all" |
| -//- | "popular" // facebook, twitter, pinterest, linkedin, reddit | |
| -//- | "messenger" // whatsapp, telegram, fb-messenger, skype, wechat | |
| array | array of media names, i.e.: 'facebook', 'twitter' | |
| text | string | custom text to share |
| url | string | custom url to share |
| size | string | "small", "medium", "large" |
| corners | string | "circle", "rounded", "square" |
Default prop values
media = ''\ text = ""\ url = ""\ size = "small"\ corners = "circle"
Available social media names
facebook\ twitter\ tumblr\ e-mail\ pinterest\ linkedin\ reddit\ xing\ whatsapp\ hackernews\ vk\ telegram\ fb-messenger\ skype\ pocket\ wechat
Changing the size of the buttons
All of the sizes are in em units. So, to change the size of the buttons simply change the font-size property of .social-sharing-button class in your CSS.