react-flexbox-ui

React implementation for Flexbox CSS.

Setup

``
npm install --save react-flexbox-ui
`

Example

`


A
B


C


D


`

API

Basic Syntax for containers:

`

`

Default is set to wrap, justifySpaceBetween, alignStretch if column, alignCenter if row. If a style property is set, it will be merged with the flexbox styles.

Basic Syntax for items:

`

``

If size is set, the item will be configured with flex-grow, otherwise you should define a static height/ width with CSS.

Box and item can be combined in one view. See this page for more details on Flexbox CSS.