Just published a small @reactjs library leveraging CSS Grid and styled-components

Just published a small @reactjs library leveraging CSS Grid and styled-components

  • Rows – GridRows minSize=”20px” – Block1 fr/Block – Block fr={2}2 frs/Block – Block fr={3}3 frs/Block – Block fr={4}4 frs/Block – Block fr={5}5 minSize=”50px” – Block1 fr/Block – Block fr={2}2 frs/Block – Block fr={3}3 frs/Block – Block fr={4}4 frs/Block – Block fr={5}5 minSize=”20px” – GridColumns – Block fr={1}1 frs/Block – Block…
  • main1 main2″ – “sidebar footer footer footer” – `} – – Block headerHeader/Block – Block sidebarSidebar/Block – Block main1Main1/Block – Block main2Main2/Block – Block areas – GridArea – area={` – “a b” – “c d” – `} – query=”(max-width: 599px)” – fallbackArea={`”a b c d”`} – – Block aA/Block -…

react-gridit – React grid using CSS Grid and styled-components

We recommend upgrading to the latest Safari, Google Chrome, or Firefox.

The vote is over, but the fight for net neutrality isn’t. Show your support for a free and open internet.

GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together.

examples Use react-gridit in examples Dec 31, 2017

src Simplify GridArea api to obtain area names from the `area` prop direc… Dec 31, 2017

.babelrc Initial Commit Dec 31, 2017

.eslintrc Initial Commit Dec 31, 2017

.gitignore Initial Commit Dec 31, 2017

logo.png Initial Commit Dec 31, 2017

package.json Simplify GridArea api to obtain area names from the `area` prop direc… Dec 31, 2017

1 fr 2 frs 3 frs 4 frs 5 frs

1 fr 2 frs 3 frs 4 frs 5 frs

1 frs 3 frs 5 frs 1 fr

GitHub