grid-spacer
v0.1.0
Published
Fill in the gaps with spacer.
Downloads
6
Readme
Grid Spacer
Fill in the space with the blocks when you use CSS Grid Layout.
Usage
npm i grid-spacerYou can use this like the follow example:
const { execute } = useGridSpacer({
containerClass: 'container', // this is required.
spacerClass: 'box', // default is 'spacer'.
spacerTag: 'div', // default is 'div'.
type: 'fill' // default is 'fill'. You can use 'fill' or 'fit'.
})
// Call `execute` after the page is rendered.
execute()<html>
<head>...</head>
<body>
<div class="container">
<div class="box" />
<div class="box" />
<div class="box" />
<div class="box" />
<div class="box" />
</div>
<script ...></script>
</body>
</html>