Package Exports
- social-sharing-component
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (social-sharing-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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.