1.0.0 • Published 3 years ago
social-networking-buttons v1.0.0
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
1.0.0
3 years ago