@andban/snapgrid-react v1.0.0-alpha.1

snapgrid-react

A React wrapper arround snapgrid-css

Installation

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

Usage

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>