This repository has been archived by the owner on Feb 18, 2022. It is now read-only.
Releases: FormidableLabs/radium-grid
Releases · FormidableLabs/radium-grid
Play Nice!
This release moves both radium
and react
to peerDependencies
to be a better npm
citizen. It also removes radium
from dist
/browser builds to lighten the bundle size.
Breaking Changes
- You'll now need to include
radium
andreact
in yourdependencies
, though you likely already are. - You'll need to include
radium
as a script tag in your browser builds.
Cell order enhancements
You can now customize cell orders per breakpoint! Here's a snippet:
<Grid cellWidth="1/2">
<Cell
smallOrder={4}
mediumOrder={3}
largeOrder={2}
xlargeOrder={1}
style={[styles.cell, styles.redCell]}
>
<p style={styles.cellText}>1) Lorem</p>
</Cell>
<Cell
smallOrder={3}
mediumOrder={2}
largeOrder={1}
xlargeOrder={4}
style={[styles.cell, styles.darkRedCell]}
>
<p style={styles.cellText}>2) ipsum</p>
</Cell>
<Cell
smallOrder={2}
mediumOrder={1}
largeOrder={4}
xlargeOrder={3}
style={[styles.cell, styles.blackCell]}
>
<p style={styles.cellText}>3) dolor</p>
</Cell>
<Cell
smallOrder={1}
mediumOrder={4}
largeOrder={3}
xlargeOrder={2}
style={[styles.cell, styles.redCell]}
>
<p style={styles.cellText}>4) sit</p>
</Cell>
</Grid>