react-form-v2-fokuscl-v2 v0.1.8

react-grid

BX Grid System for React.

Installation (for standard modern project)

yarn add @bx-design/react-grid

Or

npm install @bx-design/react-grid

Example usage

First add bx-grid.min.css for styles.

For CRA add in index, for Next.js add in _app

import '@bx-design/react-grid/dist/styles/bx-grid.min.css'

Using grid

import { Container, Row, Col } from '@bx-design/react-grid'

const SomeComponent = () => {
  return (
    <Container>
      <Row>
         <Col col='12'>
           <h1>BX Grid</h1>
         </Col>
      </Row>
    </Container>
  )
}

Props

Container

Row

Col