GridPattern

Subtle grid background pattern.

Preview

Grid Pattern

bash

npx auralix-ui add grid-pattern

tsx

import { GridPattern } from "@/components/ui/GridPattern";

<div className="relative h-64">
  <GridPattern />
</div>

Name	Type	Default	Description
`size`	`number`	`40`	Grid cell size in pixels.
`fade`	`boolean`	`true`	Apply radial fade mask.
`squares`	`[number, number][]`	`-`	Highlighted square positions.

On this page