react-flexcanvas

0.4.3 • Public • Published

React FlexCanvas

version 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>
    );
  }
}

API

WIP

License

MIT

Package Sidebar

Install

npm i react-flexcanvas

Weekly Downloads

5

Version

0.4.3

License

MIT

Unpacked Size

155 kB

Total Files

5

Last publish

Collaborators

  • lianetoolkit