react-bubbly-effect-button
react-bubbly-effect-button copied to clipboard
Published
20 hours ago •
knowankit
knowankit
🧼 Bubble animation effect on button
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 
knowankit