React-flexbox
Implementation of css flexbox in react with inline styles.
It is written in ES6 and requires an ES6 to ES5 transpiler. If there is need for
it I can add a transpiled version to the repo.
API
Components
FlexRow
A flex row
FlexColumn
A flex column
Props
All props are optional and can be set on both components.
className
must be a string
height
height must be a string with a valid css unit.
style
Will be merged the flex style. This allows you to override the style.
width
width can be either a number width={2}
, this acts as flex-grow or a string
with a unit (for example % or px) - it must be a valid css unit.
Examples
See examples
To run, make sure the devDependencies are installed and run npm run example
,
after that surf to http://localhost:8080/webpack-dev-server/