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: true
        };
    },
    render () {
        return (
            <FlipCard 
                {/* horizontal is default */}
              type="vertical" 
              {/* default state */}
              flipped={this.state.isFlipped}
              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.