Usage no npm install needed!

<script type="module">
  import andbanSnapgridReact from 'https://cdn.skypack.dev/@andban/snapgrid-react';
</script>

README

snapgrid-react

A React wrapper arround snapgrid-css

$ npm install snapgrid-css snapgrid-react
# or
$ yarn add snapgrid-css snapgrid-react

Creates a container that will collapse at the given breakpoint and allow horizontal or vertical scrolling.

<Snapgrid [horizontal|vertical] el={element|string="div} collapse="xs|sm|md|lg|xl" {...otherProps}>
  // ...
</Snapgrid>

A container that will expand to full width/height as soon as the parent Snapgrid container collapses.

<Snapgrid horizontal collapse="md">
  <Snap>Container A</Snap>
  <Snap>Container B</Snap>
</Snapgrid>