React-gridy-layout

Css grid react component for simple layout

Table of Contents

• React-gridy-layout
  • Table of Contents
  • Installation
  • Usage
    • Example
  • Support
  • Contributing

Installation

First be sure to set the @bit registery with :

npm config set '@bit:registry' https://node.bitsrc.io

Then run :

npm i @bit/elcoosp.ui.components.gridy

Usage

Documentation available here

Example

import React from 'react'
import { render } from 'react-dom'
import {
  Layout,
  Header,
  Aside,
  Main,
  Footer
} from '@bit/elcoosp.ui.components.gridy/Gridy'

// Check the documentation for all the available props on the Layout component
const App = () => (
  <Layout debugBg>
    <Header>Header</Header>
    <Aside>Aside</Aside>
    <Main>Main</Main>
    <Footer>Footer</Footer>
  </Layout>
)
render(<App />, document.getElementById('root'))

Support

Please open an issue for support.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.