React Ripple Effect

Ripple Effect Custom Hooks

Installation

$ npm install @cube00y-react/use-ripple

Example

import { useEffect } from 'react';
import { useRipple } from '@cube00y-react/use-ripple';

function App() {
    useEffect(useRipple);
    
    return (
        <div>
            <div data-ripple="dark">Ripple !!</div>
        </div>
    );
}

export default App;

Option

Name	Type	Values
data-ripple	String	Default: rgba(0, 0, 0, 0.35) dark: rgba(0, 0, 0, 0.35) light: rgba(255, 255, 255, 0.35)