shadcn index

Dot Pattern

PreviousNext

Example showing a simple dot pattern.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds/dot-pattern/dot-pattern-default.tsx
import { DotPattern } from "@/registry/default/components/dot-pattern"

export default function Component() {
  return (
    <div className="h-[600px] w-5xl relative">
      <DotPattern />
    </div>
  )
}

Installation

npx shadcn@latest add @aliimam/dot-pattern-default

Usage

import { DotPatternDefault } from "@/components/dot-pattern-default"
<DotPatternDefault />