Skip to content

ihorkotov/react-bubbly-effect-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-bubbly-effect-button

Bubbling effect on buttons

NPM JavaScript Style Guide

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
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;

About

🧼 Bubble animation effect on button

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published