Card Image Section (Tailwind)

PreviousNext

A section with 4 image cards in a masonry layout.

Docs
roiuiitem

Preview

Loading preview…
registry/brook/tailwind/blocks/card-image-section/page.tsx
"use client";
import { CardImageSection } from "./components/card-image-section";
import data from "./data.json";

export default function Page() {
  return <CardImageSection data={data} />;
}

Installation

npx shadcn@latest add @roiui/card-image-section-tailwind

Usage

import { CardImageSectionTailwind } from "@/components/card-image-section-tailwind"
<CardImageSectionTailwind />