Kanban Board Changelog

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/changelog/changelog21.tsx instead.

Usage

The file also exports changelog21Demo, 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 { Changelog21, changelog21Demo } from "@/components/blocks/changelog/changelog21";

export default function Page() {
  return <Changelog21 {...changelog21Demo} />;
}

Props

Types

type Changelog21Card = {
  id: string;
  text: string;
  version?: string;
};

Behavior notes

• Purely presentational: no interactive state or backend calls, no drag-and-drop between columns despite the kanban visual metaphor. Column contents are fixed, caller-supplied arrays.
• Each column's header icon (Sparkles/Wrench/TrendingUp) is hardcoded per column position, not passed in as a per-card icon prop, since the three columns are a fixed structural part of this block rather than a dynamic list.
• The count badge in each column header always reflects that column's actual array length, including zero; an empty column still renders its header and count, just with no cards beneath it.
• version is optional per card; a card without one still renders its change text with no tag line beneath it.