Out of Date Docs.

foundation-sites@6.4.4
react-foundation@0.9.4 

Hey all,

New installs of foundation-sites no longer have out of the box support for the float-grid system used by the Row and Column components. It has to be specifically enabled. This will no longer work for folks like myself making fresh codebases with the latest versions of foundation-sites and react-foundation:

<Row className="display">
   <Column small={2} large={4}>4 columns</Column>
   <Column small={4} large={4}>4 columns</Column>
   <Column small={6} large={4}>4 columns</Column>
</Row>

Digging through the commits for react-foundation, I saw that all the work to use the XY-grid system has already been done, and this works perfectly:

<Grid className="display">
     <Cell small={2} large={4}>4 columns</Cell>
     <Cell small={4} large={4}>4 columns</Cell>
     <Cell small={6} large={4}>4 columns</Cell>
</Grid>

Updating the docs to reflect this would save a lot of headaches for foundation newbies like myself.

Appreciate all the work you’ve put into this!

[hugovk]

@zoe-gonzales No-one is currently working on this, a PR would be welcome. Thank you!

[JoshuaJWayne]

I would also like to request an update to the Documentation. I am relatively new to working with ReactJs and have been looking for a way Foundation 6 + React. Your Components seem like the perfect pairing to do this however I am unable to use them as the instruction is not clear to a newer react developer.

import React from 'react-foundation' ; … use components <— this is unclear

I was able to get some of the components working in my project by importing them individually. example: import {Button, Colors, Sizes, Badge, Cell, Grid, GridContainer} from "react-foundation"; then they work just fine but this is not clearly documented and I feel that there may be a easier way to work with your components.

Thank you for all the work that was put into this project.