social-networking-buttons

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import socialNetworkingButtons from 'https://cdn.skypack.dev/social-networking-buttons';
</script>

README

social-networking-buttons

Made with create-react-library

NPM JavaScript Style Guide

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