交互网格背景

A interactive background grid pattern made with SVGs, fully customizable.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/interactive-grid-pattern.json"

复制并粘贴以下代码：

InteractiveGridPattern.vue

Prop 名称	类型	默认值	描述
`className`	`string`	-	Additional classes for styling the component.
`squaresClassName`	`string`	-	Additional classes for styling the squares.
`width`	`number`	`40`	Width of the square in pixels.
`height`	`number`	`40`	Height of the square in pixels.
`squares`	`[number, number]`	`[24, 24]`	Number of squares in the grid pattern.

本页