React Ripple Effect

Installation

• $ npm install react-ripple-pulse --save
• $ yarn add react-ripple-pulse

Demo

Demo

Usage

Basic Example

import {Ripples} from "react-ripple-pulse"

const App = () => {
  return (
    <div className="App">
      <Ripples />
    </div>
  );
}

export default App;

Another Example with props

import {Ripples} from "react-ripple-pulse"

const App = () => {
  return (
    <div className="App">
      <Ripples color="#5dd738" size={20}/>
    </div>
  );
}

export default App;

Props

Common props you may want to specify include:

• color - To change the color(only pass 6 digit hex code)
• size - To change the size(only in number not as string)