1.0.9 • Published 5 years ago

ripple-button v1.0.9

Weekly downloads
1
License
ISC
Repository
github
Last release
5 years ago

ripple-button

npm i ripple-button

or

yarn add ripple-button
import Ripple from 'ripple-button'
<Ripple>
  <h1>hello ripple</h1>
</Ripple>

props

  • color 【String】 ripple color default: rgba(0, 0, 0, 0.3);
  • duration 【Number】 Animation time default: 800ms
import Ripple from 'ripple-button'
<Ripple color="rgba(12, 33, 124, 0.3)" duration={500}>
  <h1>hello ripple</h1>
</Ripple>

useRipple

you can bind ripple on DOM element

import { useRipple } from 'ripple-button'
useRipple(document.body, 'rgba(12, 232, 44, 0.1)', 600)
1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.0

5 years ago