A React component to render a responsive CSS grid of SVG hexagons.
HexagonGrid can contain Hexagon and Hexagon-flip components and every hexagon must have same height and width.
You can download
react-svg-hexagon-grid from the NPM registry via the
yarn add react-svg-hexagon-grid# ornpm install react-svg-hexagon-grid --save
If you don't use package manager and you want to include
react-svg-hexagon-grid directly in your html, you could get it from the UNPKG CDN or from the local UMD build.
<!-- or -->
const App =<HexagonGrid><Hexagon /><Hexagon /><Hexagon /><Hexagon /><Hexagon /><Hexagon>/* Content */</Hexagon><HexagonFlip><Hexagon>/* Recto content */</Hexagon><Hexagon>/* Verso content */</Hexagon></HexagonFlip></HexagonGrid>
|gap||PropTypes.number||Gap in pixel between hexagons||30|
- ⇄ Pull/Merge requests and ★ Stars are always welcome.
- For bugs and feature requests, please create an issue.
- Pull requests must be accompanied by passing automated tests (
See CONTRIBUTING.md guidelines
This project is licensed under the MIT License - see the LICENCE.md file for details