Random list selecting component tool thing
I wanted to recreate the old UrbanSpoon random food selector and the idea for this component was born.
Built with
Randomly selects an item from a list, visually.
...
import RandomRoller from 'react-random-roller';
<RandomRoller list={ ['Hello,', 1, <p>world</p>] } />
npm i -S react-random-roller
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. |
At this time there are no test in place, I hope to get to that in the near future
If you would like to contribute, please fork this repo and submit a pull request. Thank you!
MIT © Corey Trombley
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent