Package Exports

react-random-roller

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-random-roller) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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!