Awards & Recognition

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its badge dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/about/about17.tsx instead.

Usage

The file also exports about17Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { About17, about17Demo } from "@/components/blocks/about/about17";

export default function Page() {
  return <About17 {...about17Demo} />;
}

Props

Types

type AwardItem = {
  icon: LucideIcon;
  title: string;
  organization: string;
  year: string;
  description?: string;
};

Behavior notes

• Unlike About8's stat grid, this block is a single-column divided list (border-y with divide-y between rows) so it reads as a chronological or ranked list rather than a set of independent tiles.
• Each award's year renders right-aligned on the same line as the title, and the per-award description is optional; omitting it collapses that row to just the icon, title, organization, and year.
• The heading column shares the badge-plus-heading pattern from About1 and About22, but stays a narrow max-w-2xl single column rather than splitting into two columns like About22's Q&A layout.