Skip to content

Repository files navigation

react-bubbly-effect-button

Bubbling effect on buttons

NPMJavaScript Style Guide

Intro

Install

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

If you prefer yarn then

yarn react-bubbly-effect-button

Props

PropertyTypeDefaultDescription
textstring'DummyButton text
bgColorstring#ff2e2eButton and particle color
colorstringwhiteButton text color
onClickfuncnullCallback for on click for the button

Usage

Check out the demo to see in action

importReactfrom'react'importReactBubblyEffectButtonfrom"react-bubbly-effect-button";constonClick=()=>{console.log('Clicked')}constBubblyButton=()=>{return<ReactBubblyEffectButtontext="Click here"color='#fff'bgColor='#ff0081'onClick={onClick}/>}exportdefaultBubblyButton;

Info

This module was bootstrapped with build-react-npm.

License

MIT © Ankit Kumar

Support my OSS work by following me on twitter twitter

About

🧼 Bubble animation effect on button

Topics

Resources

Stars

18 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages