Staaarter

Minimal Text Changelog

The plainest block in the category: a version and date header line per release followed by a dash-prefixed list of changes, with generous vertical spacing between releases instead of dividers, cards, or badges.

By Staaarter Team
Changelog
Docs
Live preview

Docs

Installation

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

npx shadcn add https://staaarter.com/r/minimal-text-changelog.json

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

Usage

The file also exports changelog6Demo, 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 { Changelog6, changelog6Demo } from "@/components/blocks/changelog/changelog6";

export default function Page() {
  return <Changelog6 {...changelog6Demo} />;
}

Props

PropTypeDefaultDescription
headingstringnoneSection heading; the header block only renders when heading or description is set.
descriptionstringnoneSection intro text.
releasesMinimalRelease[]noneReleases, rendered in array order with space-y-12 between them.
classNamestringnoneExtra classes for the outer section element.

Types

type MinimalRelease = {
  version: string;
  date: string;
  changes: string[];
};

Behavior notes

  • Deliberately has no badges, cards, or borders anywhere in the block; each change line is plain typography with a literal "— " text prefix, not an icon or colored tag.
  • date is a plain display string set by the caller, never computed at render time.
  • heading and description are both optional and independently omittable; when neither is set, the section starts directly at the first release.