Components

Ace Grid Pattern

SVG-based grid dot pattern background with configurable density

SVG-based grid dot pattern background with configurable density.

Preview

Loading preview...

Installation

Terminal

$npx shadcn@latest add @vandoko/ace-grid-pattern

import { AceGridPattern } from "@/components/vandoko/ace-grid-pattern";

export default function Page() {
  return <AceGridPattern />;
}

6 props

Prop	Type	Default	Description
`className`	`string`	—	-
`width`	`number`	—	-
`height`	`number`	—	-
`x`	`number \| string`	—	-
`y`	`number \| string`	—	-
`squares`	`[number, number][]`	—	-