@thomascoppein/grid-helper
v1.1.7
Published
NPM package for simple grid helper.
Downloads
2
Maintainers
Readme
Grid Helper
NPM package for creating a grid overlay.
Installation
Install package:
npm i @thomascoppein/grid-helper
Import package in Javascript file:
import GridHelper from '@thomascoppein/grid-helper';
How to use
const GridHelper = new GridHelper();
Options
| property | default | | ----------------- | --------- | | gutter | '30px' | | columns | 12 | | columnsColor | '#ffcfdf' | | zIndex | 9999999 | | containerMaxWidth | '80vw' | | containerPadding | '10vw' |
const GridHelper = new GridHelper({
gutter: '50px',
columns: 12,
columnsColor: '#000000',
zIndex: 999999,
containerMaxWidth: '1600px',
containerPadding: '5vw',
});
How to enable
Use the key-combination CTRL + G
to toggle the helper.