Paper ripple animations inspired by Google Material Design.
npm install react-paper-ripple
Paper ripple animations inspired by Google Material Design.
npm install react-paper-ripple --save
``htmlReactPaperRipple
(UMD library exposed as )`
`js
import PaperRipple from 'react-paper-ripple'
class App extends Component {
render() {
return (
)
}
}
`
#### tag: PropTypes.string
The wrapping element around your element. Defaults to div. Any other valid props like className will be passed to this element.
#### color: PropTypes.string
The color of the wave. Passed as backgroundColor to private Wave component.
#### opacity: PropTypes.number
The opacity of the waves container.
#### growRatio: PropTypes.number
The amount the wave should grow compared to the biggest axis of the element.
#### center: PropTypes.number
Position the wave in the center of the element.
#### rmConfig: React.PropTypes.objectOf(React.PropTypes.number)
Pass in any valid React Motion config object.
clone repo
git clone git@github.com:souporserious/react-paper-ripple.git
move into folder
cd ~/react-paper-ripple
install dependencies
npm install
run dev mode
npm run dev
open your browser and visit: http://localhost:8080/`