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