react-random-roller

0.2.1 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i react-random-roller

Weekly Downloads

7

Version

0.2.1

License

MIT

Unpacked Size

50.5 kB

Total Files

4

Last publish

Collaborators

  • coreytrombley