react-jk-grid

React-JK-Grid

The three of React components that implement JK-Grid.

If you want to view complete examples, please ref to JK-Grid Examples.

Installation

$ npm i --save react-jk-grid

react-jk-grid depends on 3 peer dependencies:

• react@^15.0.0
• prop-types@^15.0.0
• jk-grid@^0.0.6

You should install them in your project.

Usage

• In Stylus:

  @import '~jk-grid/src/grid'
  

• In JavaScript:

  import React from 'react'
  import { Container, Col, Row } from 'react-jk-grid'
  
  const App = props =>
    <Container>
      <Row>
        <Col xs={6} md={3}>Hello, world!</Col>
      </Row>
    </Container>
  

Prop Interfaces

Container

• className?: string
• fluid?: boolean
• limited?: boolean
• noPadding?: boolean

Row

• className?: string
• noMargin?: boolean
• reverse?: boolean
• column?: boolean
• show?: breakpointSize
• hidden?: breakpointSize
• start?: breakpointSize
• center?: breakpointSize
• end?: breakpointSize
• top?: breakpointSize
• middle?: breakpointSize
• bottom?: breakpointSize
• around?: breakpointSize
• between?: breakpointSize

Col

• className?: string
• noPadding?: boolean
• autoWidth?: boolean
• xs?: cellSize
• sm?: cellSize
• md?: cellSize
• lg?: cellSize
• hg?: cellSize
• show?: breakpointSize
• hidden?: breakpointSize
• first?: breakpointSize
• last?: breakpointSize

License

MIT