1.0.0 • Published 3 years ago

social-networking-buttons v1.0.0

Weekly downloads
6
License
MIT
Repository
github
Last release
3 years ago

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 nameDescriptionTypeDefaultRequired
linksCustom links for the iconsarray[]yes
heightHow large should the icons be?number30no
colorColor of iconsstringredno
paddingPadding between iconsnumber10no
logoSVG icons or PNG iconsbooleanfalseno
backgroundWhat background color to usestringwhiteno
verticalWhat direction logos should displaybooleanfalseno
borderBorder radius of logosnumber4no
widthWidth of the divnumberno

Available icons/png

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

License

MIT © Madhushree Gupta

1.0.0

3 years ago