sigilUI

Changelog Table

A versioned changelog table with typed entry badges for release notes.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { ChangelogTable } from "@sigil-ui/components";

Usage

<ChangelogTable
  releases={[
    { version: "2.1.0", date: "2026-04-20", entries: [...] },
  ]}
  showBadges
/>

Props

PropTypeDefaultDescription
releasesChangelogRelease[]—Release objects with version, date, and entries
showBadgesbooleantrueShow colored type badges (added/fixed/changed/etc.)

Token integration

CSS VariablePurpose
--s-success"added" badge
--s-info"changed" badge
--s-warning"fixed" badge
--s-error"removed" and "security" badges
--s-text-muted"deprecated" badge and date
--s-borderCard and divider borders
--s-surfaceCard background
--s-surface-elevatedVersion header background
--s-textEntry text and version
--s-font-monoVersion number font
--s-radius-cardCard radius
--s-radius-smBadge radius