ProjectsGrid

Card grid of project tiles with name, optional description, timestamp, and icon. Compound: ProjectsGrid + Header + Body + Item.

Preview

Usage

import { ProjectsGrid } from '@ramtt/ui'

<ProjectsGrid>
  <ProjectsGrid.Header title="Projects" />
  <ProjectsGrid.Body columns={3}>
    <ProjectsGrid.Item name="FTP build" description="20-week aerobic block" timestamp="Updated 2h ago" />
  </ProjectsGrid.Body>
</ProjectsGrid>

Props

Prop	Type	Default	Description
columns	`2 \| 3 \| 4`	3	Grid column count (Body)
children*	`ReactNode`	—	Header + Body composition
className	`string`	—	Additional Tailwind classes