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

• facebook
• instagram
• linkedin
• pinterest
• skype
• snapchat
• spotyfy
• twitter
• whatsapp
• youtube

License

MIT © Madhushree Gupta