Package Exports

react-hex-grids

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-hex-grids) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Hexagonal Grid Layout for React

Hexagonal Grid Layout Demo

Motivation:

The work of Jesse Breneman here.

While reading the article, I thought, "Why not build some react components for this?"

Usage:

import HexGrids, { HexGridItem, HexGridList } from "react-hex-grids"
...
<HexGridList>
  <HexGridItem>{item1}<HexGridItem>
  ....
</HexGridList>

See examples

Also available on bit.dev

bit import tsuki.react-hex-grids/hex-grids

Learn more here.

Available scripts

In the project directory, you can run:

`yarn start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`yarn prettier:format`

Run prettier to format the code.

`yarn rollup:build`

Build using rollup

Contributing

PRs are always welcome 😃