grid-background-default

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/grid-background/default.tsx
import { GridBackground } from '@/registry/default/ui/grid-background';

export default function Component() {
  return (
    <div className="relative h-96 w-full rounded-xl overflow-hidden">
      <GridBackground gridSize="6:6"></GridBackground>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/grid-background-default

Usage

import { GridBackgroundDefault } from "@/components/grid-background-default"
<GridBackgroundDefault />