/react-3d-cube

cube app using react & react-motion.

Primary LanguageTypeScript

react-3d-cube

cube app using react & react-motion.

NPM JavaScript Style Guide

This package is included in react-motion-components.

Install

npm install --save react-3d-cube

Usage

demo

import * as React from 'react';

import Cube from 'react-3d-cube';

class Example extends React.Component {
  render() {
    return (
      <div>
        <h1>react-3d-cube</h1>
        <h2>no children</h2>
        <div
          style={{
            width: 300,
            height: 300
          }}
        >
          <Cube size={300} index="front" />
        </div>
        <h2>set children</h2>
        <div
          style={{
            width: 300,
            height: 300
          }}
        >
          <Cube size={300} index="front">
            <div>front</div>
            <div>right</div>
            <div>back</div>
            <div>left</div>
            <div>top</div>
            <div>bottom</div>
          </Cube>
        </div>
      </div>
    );
  }
}

License

MIT © pjb0811