Full Changelog By Month

Component 2

About

A changelog section grouped by month that lists every release with its version, date, and entries tagged added, changed, fixed, or removed.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Full Changelog By Month to your project and fits it to your theme.

Code

How Full Changelog By Month is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Changelog28 } from "@/components/ui/changelog28";

export default function Changelog28Demo() {
  return (
    <Changelog28
      badge={{ label: "Release notes" }}
      heading="Everything that changed, line by line"
      description="The full log rather than the highlights. Removals are in here too, which is usually the part that matters most."
      kindLabels={{
        added: "Added",
        changed: "Changed",
        fixed: "Fixed",
        removed: "Removed",
      }}
      months={[
        {
          label: "May 2026",
          releases: [
            {
              version: "3.4.0",
              date: "14 May",
              href: "https://beste.co",
              entries: [
                {
                  kind: "added",
                  text: "Shared waiting list and capacity across every site in a group",
                },
                {
                  kind: "added",
                  text: "Member site preference, respected before distance",
                },
                {
                  kind: "changed",
                  text: "Group reporting now rolls up without an export step",
                },
                {
                  kind: "removed",
                  text: "Per-site waiting list settings, replaced by the group model",
                },
              ],
            },
            {
              version: "3.3.2",
              date: "02 May",
              href: "https://beste.co",
              entries: [
                {
                  kind: "changed",
                  text: "Invoice export moved to a background job with progress",
                },
                {
                  kind: "fixed",
                  text: "Month-end export timing out for groups over eight sites",
                },
              ],
            },
          ],
        },
        {
          label: "April 2026",
          releases: [
            {
              version: "3.3.0",
              date: "11 April",
              href: "https://beste.co",
              entries: [
                {
                  kind: "added",
                  text: "Insurer and self-pay settlement on a single ledger",
                },
                {
                  kind: "added",
                  text: "Credit notes against a specific appointment",
                },
                {
                  kind: "changed",
                  text: "Invoice references now include the site code",
                },
                {
                  kind: "fixed",
                  text: "Partial insurer payments leaving a balance of a rounding error",
                },
              ],
            },
            {
              version: "3.2.6",
              date: "24 April",
              href: "https://beste.co",
              entries: [
                {
                  kind: "fixed",
                  text: "Booking pages slow in the UK region for 41 minutes",
                },
                {
                  kind: "changed",
                  text: "Added a query budget to the booking path",
                },
              ],
            },
          ],
        },
      ]}
      footnote="Nothing is ever quietly edited after publication. If a note turns out to be wrong we add a correction underneath it with the date."
    />
  );
}