Pattern 1

PreviousNext

Background pattern component for visual enhancement

Docs
shadcndesigncomponent

Preview

Loading preview…
components/pro-blocks/landing-page/patterns/pattern-1.tsx
export function Pattern1() {
  return (
    <div className="pattern-1 relative flex min-h-screen w-screen items-center justify-center">
      <div className="rounded-md border border-2 bg-white px-6 py-3 text-lg font-medium text-black">
        Pattern 1
      </div>
    </div>
  );
}

Installation

npx shadcn@latest add @shadcndesign/pattern-1

Usage

import { Pattern1 } from "@/components/pattern-1"
<Pattern1 />