Grid
Simple layout of the label, providing external layout container label Row, column Col, multi row layout reference MultiRow。
Long list of requirements do not use a large MultiRow components for a unified layout, without a complete large label wrap will be better.
Install
$ npm install rax-grid --save
Import
import Row Col from 'rax-grid';
Example
Equal width layout
The 3 column:
<Row> <Col>列1</Col> <Col>列2</Col> <Col>列3</Col></Row>
The 2 column:
<Row> <Col>列1</Col> <Col>列2</Col></Row>
Custom column width
const styles = col1: flex: 1 col2: flex: 2 <Row> <Col =>flex: 1</Col> <Col =>flex: 2</Col></Row>
// demoimport createElement render Component from 'rax';import Row Col from 'rax-grid'; const styles = container: width: 750 row: height: 400 ; { return <Row => <Col =>Col1</Col> <Col =>Col2</Col> <Col =>Col3</Col> </Row> ; } ;