Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-random-roller with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactRandomRoller = require("react-random-roller")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-random-roller v0.1.1

A random item picker

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] } />
PropertyTypeRequiredDefault valueDescription
classNamestringno<See the source code>Custom css class for the component
fpsnumberno60Frames per second the item should be animating at
durationnumberno2000Amount of time the animation should last in milliseconds
listarrayyesList of items to select from

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

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free