Projects13

1.1.0

Editorial project index: numbered rows with title, launch date, large description, and a small thumbnail, separated by hairline borders. Optional per-row hrefs render as title text links.

npx jabkit add projects13

Component Data

ID: projects13
Category: marketing
Version: 1.1.0
Added: 2026-09-05
Type: block
Keyboard nav: Yes
Reduced motion: Yes

projectslistmarketingportfolioindexeditoriallanding

Dependencies

clsx
tailwind-merge

Examples

Default

<div className="bg-background text-foreground">
      <Projects13
        label={projects13Mocks.label}
        projects={projects13Mocks.projects}
      />
    </div>

Variants

<div className="bg-background text-foreground">
      <Projects13
        label={projects13AlternateMocks.label}
        projects={projects13AlternateMocks.projects}
      />
    </div>

Linked

<div className="bg-background text-foreground">
      <Projects13
        label={projects13LinkedMocks.label}
        projects={projects13LinkedMocks.projects}
      />
    </div>