Grid Pattern
A background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Installation
CLI
# Installation command here
Manual
# Manual installation commands here
Examples
Linear Gradient
// Example code for linear gradient here
Dashed Stroke
// Example code for dashed stroke here
Usage
// Usage example here
Props
GridPattern
| Prop | Type | Default | Description |
|---|---|---|---|
width |
number |
40 |
Width of the pattern |
height |
number |
40 |
Height of the pattern |
x |
number |
-1 |
X offset of the pattern |
y |
number |
-1 |
Y offset of the pattern |
squares |
number |
[] |
X Y coordinates of filled squares as 2D array |
strokeDasharray |
string |
0 |
Stroke dash array for the pattern |