react-staggered-list

staggered list app using react & react-motion.

This package is included in react-motion-components.

Install

npm install --save react-staggered-list

Usage

demo

import * as React from 'react';
import StaggeredList from 'react-staggered-list';
class Example extends React.Component {
  render() {
    return (
      <div>
        <h1>react-staggered-list</h1>
        <div
          style={{
            width: 100,
            height: 100,
            margin: '0 auto'
          }}
        >
          <StaggeredList>
            <div style={{ widht: 100, height: 100, background: 'green' }} ></div>
            <div style={{ widht: 100, height: 100, background: 'red' }} ></div>
            <div style={{ widht: 100, height: 100, background: 'blue' }} ></div>
          </StaggeredList>
        </div>
      </div>
    );
  }
}

License

MIT © pjb0811