Skip to content

Canvas grid system built with flexboxes for React

License

Notifications You must be signed in to change notification settings

zealofzebras/react-flexcanvas

 
 

Repository files navigation

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

About

Canvas grid system built with flexboxes for React

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.2%
  • CSS 47.8%