Bubbling Effect On Button In React

This is a React component that applies a fancy bubble animation on the button when it is clicked/tapped.

How to use it:

1. Install the component.

# Yarn
$ yarn add react-bubbly-effect-button

# NPM
$ npm i react-bubbly-effect-button

2. Import the component.

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

3. Add a bubbly effect button component to the app.

const onClick = () => {
  console.log('Done.')
}
const BubblyButton = () => {
  return <ReactBubblyEffectButton text="Click Me" color='#fff' bgColor='#000' onClick={onClick} />
}
export default BubblyButton;

Preview:

Bubbling Effect On Button In React

Download Details:

Author: knowankit

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/knowankit/react-bubbly-effect-button

License: MIT

You Might Be Interested In:

Add Comment