React-Flexbox-GridReact 组件集合
React-Flexbox-Grid 是实现了 flexboxgrid.css 效果的 React 组件集合,基于一些 CSS 模块(使用 SASS 编写),Webpack 和 ES6。
使用:
import React from `react`; import {Container} from `react-flexbox-grid/lib/index`; React.render(<Container />, document.querySelector('#main'));
示例:
const {Grid, Row, Col} = require('react-flexbox-grid'); const App = React.createClass({ render() { return ( <Grid> <Row> <Col xs={6} md={3}>Hello, world!</Col> </Row> </Grid> ); } });
评论