https://github.com/robbestad/react-grid

A visual HTML gridsystem on top of Bootstrap 3
https://github.com/robbestad/react-grid

Last synced: about 1 month ago
JSON representation

A visual HTML gridsystem on top of Bootstrap 3

• Host: GitHub
• URL: https://github.com/robbestad/react-grid
• Owner: robbestad
• License: isc
• Created: 2014-10-10T08:40:44.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-10-10T14:10:50.000Z (over 10 years ago)
• Last Synced: 2024-04-13T17:11:00.817Z (9 months ago)
• Language: JavaScript
• Size: 176 KB
• Stars: 3
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-grid

Component for [React][1] to display a visual HTML gridsystem on top of Bootstrap 3. It is developed by [Inmeta Interaktiv][3]. Original name is Metagrid, and a demo is [here][2].

In action, press `g` to activate and toggle. Press `h` while holding `g` to make the grid sticky. 

![Imgur](http://i.imgur.com/C5dtakG.png)

> When activated, Metagrid will overlay a visual aid to help you place text correctly.

## Installation

    % npm install react-grid --save

## Usage

    var Metagrid = require('react-grid');

    MyComponent = React.createClass({

      render: function() {

         return (

          

        );

      }

    });

[1]: https://facebook.github.io/react/

[2]: http://demo2.inmetainteraktiv.no/Metagrid/

[3]: http://www.inmeta.no/