​React-Flexbox-GridReact 组件集合

联合创作 · 2023-09-22 05:24

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>
    );
  }
});
浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报