react-bubbly-effect-button

Bubbling effect on buttons

Intro

Install

npm install react-bubbly-effect-button --save

If you prefer yarn then

yarn react-bubbly-effect-button

Props

| Property | Type | Default | Description | ----------- | ----------- | ----------- | ----------- | | text | string | 'Dummy | Button text | | bgColor | string | #ff2e2e | Button and particle color | | color | string | white | Button text color | | onClick | func | null | Callback for on click for the button |

Usage

Check out the demo to see in action

import React from 'react'
import ReactBubblyEffectButton from "react-bubbly-effect-button";

const onClick = () => {
  console.log('Clicked')
}

const BubblyButton = () => {
  return <ReactBubblyEffectButton text="Click here" color='#fff' bgColor='#ff0081' onClick={onClick} />
}

export default BubblyButton;

Info

This module was bootstrapped with build-react-npm.

License

MIT © Ankit Kumar

Support my OSS work by following me on twitter