https://github.com/miguelpeixe/react-flexcanvas

Canvas grid system built with flexboxes for React
https://github.com/miguelpeixe/react-flexcanvas

business-model-canvas canvas react

Last synced: 4 months ago
JSON representation

Canvas grid system built with flexboxes for React

• Host: GitHub
• URL: https://github.com/miguelpeixe/react-flexcanvas
• Owner: miguelpeixe
• License: mit
• Created: 2018-04-18T15:39:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:33:18.000Z (over 2 years ago)
• Last Synced: 2025-03-23T10:51:08.363Z (4 months ago)
• Topics: business-model-canvas, canvas, react
• Language: JavaScript
• Homepage:
• Size: 1.58 MB
• Stars: 7
• Watchers: 0
• Forks: 3
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React FlexCanvas

[![version](https://img.shields.io/npm/v/react-flexcanvas.svg)](https://www.npmjs.com/package/react-flexcanvas) ![license](https://img.shields.io/github/license/miguelpeixe/react-flexcanvas) ![dependencies](https://david-dm.org/miguelpeixe/react-flexcanvas.svg)

Canvas grid system built with flexboxes for React.

 - Complete grid system with Rows and Columns

 - Multiple colors

 - Support for lists and tables

![FlexCanvas Example](https://i.imgur.com/iJlAVoM.png)

---

## Installation and Usage

```

$ npm install --save react-flexcanvas

```

### Include the component

```js

import React from "react";

import FlexCanvas from "react-flexcanvas";

class MyCanvas extends React.Component {

  render() {

    return (

      

        

          

        

        

          

        

      

    );

  }

}

```

## API

WIP

## License

MIT