React Random Roller
Random list selecting component tool thing
Motivation
I wanted to recreate the old UrbanSpoon random food selector and the idea for this component was born.
Tech/framework used
Built with
Features
Randomly selects an item from a list, visually.
Code Example
...
import RandomRoller from 'react-random-roller';
<RandomRoller list={ ['Hello,', 1, <p>world</p>] } />
Installation
npm i -S react-random-roller
API Reference
1. RandomRoller
Random Selection Component
E.g.:
<ReactRoller fps={ 60 } duration={ 2000 } list={ [1, 2, 3, 4, 5, 6] } />
Property | Type | Required | Default value | Description |
---|---|---|---|---|
className | string | no | <See the source code> | Custom css class for the component |
fps | number | no | 60 | Frames per second the item should be animating at |
duration | number | no | 2000 | Amount of time the animation should last in milliseconds |
list | array | yes | List of items to select from | |
auto | boolean | no | False | Run the roller after mounting, immediately. |
message | string | no | Click to Pick | Custom click message. |
Tests
At this time there are no test in place, I hope to get to that in the near future
Contribute
If you would like to contribute, please fork this repo and submit a pull request. Thank you!
License
MIT © Corey Trombley