Universe React Flipcard
React flip card component
Installation
meteor add universe:react-flipcard
Usage
Components of this package use universe:modules package for import/export.
So you can import it by es6 import api import FlipCard from '{universe:react-flipcard}
or by System.import('universe:react-flipcard').then(function(module){/* your code */})
in regular js.
In CoffeeScript you can use package universe:modules-for-coffee
import FlipCard from '{universe:react-flipcard}'; export default React.createClass({ displayName: 'FlipedCheckbox', getInitialState() { return { isFlipped: false }; }, handleOnClick() { if (this.state.isFlipped) { return this.setState({isFlipped: false}); } this.setState({isFlipped: true}); }, render () { return ( <FlipCard {/* horizontal is default */} type="vertical" onClick={this.handleOnClick} {/* current state */} flipped={true} onFocus={()=>console.log} onFlip={()=>console.log} > <i className="ui huge icon checkmark box" /> <i className="ui huge icon square outline"/> </FlipCard> ); } });
License
This package is released under the MIT license.