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

• React

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