Changelog Table
List releases and changes in a compact table.
Preview
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
| Prop | Type | Default | Description |
|---|---|---|---|
releases | ChangelogRelease[] | — | — |
showBadges | boolean | true | Show colored type badges. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-success | Success |
--s-info | Info |
--s-warning | Warning |
--s-error | Error |
--s-text-muted | Text muted |
--s-radius-card | Radius card |
--s-border | Border |
--s-surface | Surface |
--s-surface-elevated | Surface elevated |
--s-font-mono | Font mono |
--s-text | Text |
--s-radius-sm | Radius sm |