Interactive Grid Pattern
A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Installation
CLI
Manual
Examples
Colorful
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
width |
number |
40 |
Width of each square in the grid |
height |
number |
40 |
Height of each square in the grid |
squares |
[number, number] |
[24,24] |
Number of squares in the grid. First number is horizontal squares, second is vertical squares |
className |
string |
- |
Class name applied to the grid container |
squaresClassName |
string |
- |
Class name applied to individual squares in the grid |