React-flexcanvas NPM

React FlexCanvas

license dependencies

Canvas grid system built with flexboxes for React.

Complete grid system with Rows and Columns
Multiple colors
Support for lists and tables

FlexCanvas Example

Installation and Usage

$ npm install --save react-flexcanvas

Include the component

import React from "react";
import FlexCanvas from "react-flexcanvas";

class MyCanvas extends React.Component {
  render() {
    return (
      <FlexCanvas>
        <FlexCanvas.Row>
          <FlexCanvas.Item title="Canvas item" />
        </FlexCanvas.Row>
        <FlexCanvas.Row>
          <FlexCanvas.Item title="Canvas item" />
        </FlexCanvas.Row>
      </FlexCanvas>
    );
  }
}