Grid Pattern

PreviousNext

Example showing a simple grid pattern.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds/grid-pattern/grid-pattern-custom.tsx
import { GridPattern } from "@/registry/default/components/grid-pattern"

export default function Component() {
  return (
    <div className="flex h-[600px] w-5xl relative justify-center p-6">
      <GridPattern width={100} height={10} />
    </div>
  )
}

Installation

npx shadcn@latest add @aliimam/grid-pattern-custom

Usage

import { GridPatternCustom } from "@/components/grid-pattern-custom"
<GridPatternCustom />