https://github.com/knowankit/react-bubbly-effect-button
🧼 Bubble animation effect on button
https://github.com/knowankit/react-bubbly-effect-button
button button-animation react-button reactjs
Last synced: 10 months ago
JSON representation
🧼 Bubble animation effect on button
- Host: GitHub
- URL: https://github.com/knowankit/react-bubbly-effect-button
- Owner: knowankit
- License: mit
- Created: 2021-09-23T11:50:34.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2024-08-28T22:56:48.000Z (over 1 year ago)
- Last Synced: 2025-02-28T01:49:28.384Z (11 months ago)
- Topics: button, button-animation, react-button, reactjs
- Language: JavaScript
- Homepage:
- Size: 7.81 MB
- Stars: 18
- Watchers: 2
- Forks: 2
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-bubbly-effect-button
> Bubbling effect on buttons
[](https://www.npmjs.com/package/react-bubbly-effect-button) [](https://standardjs.com)
## Intro
## Install
```bash
npm install react-bubbly-effect-button --save
```
If you prefer yarn then
```bash
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](https://knowankit.github.io/react-bubbly-effect-button/) to see in action
```jsx
import React from 'react'
import ReactBubblyEffectButton from "react-bubbly-effect-button";
const onClick = () => {
console.log('Clicked')
}
const BubblyButton = () => {
return
}
export default BubblyButton;
```
## Info
This module was bootstrapped with [build-react-npm](https://github.com/knowankit/build-react-npm).
## License
MIT © [Ankit Kumar](https://github.com/knowankit)
Support my OSS work by following me on twitter 