social-networking-buttons

Social netwoking buttons is a react component which is used for displaying common Social Media SVG icons or pngs. It has many customizable options

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