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

/react-flexcanvas/

    Package Sidebar

    Install

    npm i react-flexcanvas

    Weekly Downloads

    0

    Version

    0.4.3

    License

    MIT

    Unpacked Size

    155 kB

    Total Files

    5

    Last publish

    Collaborators

    • lianetoolkit