This package has been deprecated

Author message:

deprecated

react-jkfe-grid
TypeScript icon, indicating that this package has built-in type declarations

0.0.4 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-jkfe-grid

Weekly Downloads

0

Version

0.0.4

License

MIT

Last publish

Collaborators

  • ryanwangtian