react-components

A collection of React components

Install

npm install marksteve/react-components

var rc = require('react-components');

Toggle through the toggled property

<rc.Toggable
  className="overlay"
  toggled={this.state.overlayVisible}
/>

Define animation using the animationIn/Out properties. It uses the Velocity library for animation so you can do something like this:

<rc.Toggable animationIn={{opacity: 1}} />

You can also specify options for the animation as properties.

<rc.Toggable duration={1000} />

{
  "className": null,
  "animationIn": "transition.fadeIn",
  "animationOut": "transition.fadeOut",
  "duration": 250
}

<rc.SuffixedInput suffix="suffix" />