Dotted Map Demo 2

PreviousNext

Example showing a dotted map.

Docs
magicuiexample

Preview

Loading preview…
registry/example/dotted-map-demo-2.tsx
import { DottedMap } from "@/registry/magicui/dotted-map"

export default function Component() {
  return (
    <div className="relative h-[500px] w-full overflow-hidden rounded-lg border">
      <DottedMap dotRadius={0.1} />
    </div>
  )
}

Installation

npx shadcn@latest add @magicui/dotted-map-demo-2

Usage

import { DottedMapDemo2 } from "@/components/dotted-map-demo-2"
<DottedMapDemo2 />