React Flexbox
made with React

React Flexbox

这是一个React的使用内联样式实现 CSS flexbox的插件。

相关问答
暂无相关问题
查看全部
简介及使用教程

React Flexbox是一个React的使用内联样式实现 CSS flexbox的插件,是以内联样式进行响应,使用ES6编写的,需要将ES6转换为ES5的编译器。

安装

Npm

npm i react-flexbox

Yarn

yarn add react-flexbox

浏览器

<script src="https://unpkg.com/react-flexbox/dist/react-flexbox.js"></scrip>
const View = ReactFlexbox.default

使用

引入

const View = require('react-flexbox')
// or
import View from 'react-flexbox'

HTML

<View row>
  <View auto row>
    <View column width="100px"><View className="red">Left</View></View>
    <View column width="100px"><View className="red">Left</View></View>
  </View>
  <View row className="green">All the place in the world</View>
</View>

image.png

作者

Thomas Coopman

@tcoopman

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个使用Material-UI的文件上传Dropzone组件。
这是一个基于React.js的时间差显示组件。
这是一个开源的javascript文件上传器。
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可定制和复用的React Native组件库。