react-reel
Animate anything like a slot machine
Features
- Fully themeable
- Highly performant, runs at 60fps
- Animates anything you want!
Install
$ npm install --save react-reel
or
$ yarn add react-reel
Basic Usage
import React Component from 'react' import Reel from 'react-reel' { return <Reel ="$34.42" /> }
Props
static propTypes = /** @type*/ text: PropTypesstringisRequired /** @type */ duration: PropTypesnumber /** @type*/ delay: PropTypesnumber /** @type {{reel: string, group: string, number: string}} theme - react-themeable */ theme: PropTypesany ; static defaultProps = duration: 700 delay: 85 theme: defaultTheme ;
Theme
This uses react-themeable
react-reel comes with no styles.
It uses react-themeable that allows you to style your component using CSS Modules, Radium, Aphrodite, JSS, Inline styles, and global CSS.
For example, to style using CSS Modules, do:
;
<Reel theme=theme ... />
When not specified, theme defaults to:
reel: 'react-reel__reel' group: 'react-reel__group' number: 'react-reel__number'
License
MIT © eknowles