README
social-networking-buttons
Made with create-react-library
Install
npm install --save social-networking-buttons
Usage
import React from 'react'
import { SocialButtons } from 'social-networking-buttons'
const myApp = () => {
const PropsToSend: any = {
links: [
'https://facebook.com',
'https://twitter.com',
'https://instagram.com',
'https://linkedin.com',
'https://pinterest.com',
'https://snapchat.com',
'https://spotify.com',
'https://whatsapp.com',
'https://youtube.com',
'https://skype.com'
],
height: 50,
color: 'red',
padding: 10,
logo: false,
vertical: false,
width: 400,
borderRadius: 40,
border: 40
}
return <SocialButtons {...PropsToSend} />
}
export default myApp
Required arguments
Prop name | Description | Type | Default | Required |
---|---|---|---|---|
links |
Custom links for the icons | array |
[] |
yes |
height |
How large should the icons be? | number |
30 |
no |
color |
Color of icons | string |
red |
no |
padding |
Padding between icons | number |
10 |
no |
logo |
SVG icons or PNG icons | boolean |
false |
no |
background |
What background color to use | string |
white |
no |
vertical |
What direction logos should display | boolean |
false |
no |
border |
Border radius of logos | number |
4 |
no |
width |
Width of the div | number |
no |
Available icons/png
- skype
- snapchat
- spotyfy
- youtube
License
MIT © Madhushree Gupta