sigilUI

Changelog Table

List releases and changes in a compact table.

@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: [
          { type: "added", description: "New radar chart component" },
          { type: "fixed", description: "Tooltip positioning in dark mode" },
          { type: "changed", description: "Updated token compiler output" },
        ],
      },
      {
        version: "2.0.0",
        date: "2026-04-01",
        entries: [
          { type: "added", description: "Complete design token overhaul" },
          { type: "removed", description: "Legacy CSS class API" },
        ],
      },
    ]}
  />

Props

PropTypeDefaultDescription
releasesChangelogRelease[]——
showBadgesbooleantrueShow colored type badges.

Token integration

CSS VariablePurpose
--s-successSuccess
--s-infoInfo
--s-warningWarning
--s-errorError
--s-text-mutedText muted
--s-radius-cardRadius card
--s-borderBorder
--s-surfaceSurface
--s-surface-elevatedSurface elevated
--s-font-monoFont mono
--s-textText
--s-radius-smRadius sm