Flex-based minimalistic React lib with positioning wrappers and useful components.
Currently added components and helpers:
- Row - wrapper
Possible props:
- align
- justify
- htmlTag
- Column - wrapper
- align
- justify
- htmlTag
- width
- offset
- Button - component
- ClassComposer - dynamic class adding function
Parent wrapper that provides horizontal orientation. Column - usually child component for Row. Example:
<Row align="middle" style={{ height: 100, border: "2px solid blue" }}>
<Column
justify="right"
width={8}
align="middle"
style={{ height: "50%", border: "1px solid green" }}
>
Column1
</Column>
<Column
align="bottom"
style={{ height: "70%", border: "1px dashed red" }}
>
Column2
</Column>
</Row>
It will looks like:
Next components will be added soon :)