Ripple Effect Custom Hooks
$ npm install @cube00y-react/use-ripple
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;
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) |