User & content

Changelog Block

A release notes timeline with version badge, date, title, optional description, tags, and grouped change lists (added, changed, fixed, removed). Renders as a vertical timeline with connecting lines.

0.2.0
major

AI-native UI components

Introducing 33 new AI-native UI components across primitives, patterns, and blocks.

Added
  • StreamingText — token-by-token text renderer with blinking cursor
  • PromptInput — auto-growing textarea with send button and file slot
  • ChatBubble — user and assistant message bubbles with avatar
  • ConversationThread — scrollable message list with streaming support
0.1.1
patch

Marketing block improvements

Fixed
  • CTASection primary variant contrast ratio now meets WCAG AA
  • FooterSection mobile grid overflow on narrow viewports
Changed
  • LandingHero eyebrow now uses Badge component for consistency

import { ChangelogBlock } from "@aetherstack/blocks"

Installation

terminal
npx aether-ui add changelog-block

Import

import.tsx
import { ChangelogBlock } from "@aetherstack/blocks"
import type { ChangelogEntry } from "@aetherstack/blocks"

Usage

changelog-block.tsx
import { ChangelogBlock } from "@aetherstack/blocks"

const entries = [
  {
    id: "v0.2.0",
    version: "0.2.0",
    date: "May 2026",
    title: "AI-native UI components",
    tags: ["major"],
    changes: [
      {
        type: "added" as const,
        items: ["StreamingText", "PromptInput", "ChatBubble", "CodeBlock"],
      },
    ],
  },
]

export default function ChangelogPage() {
  return <ChangelogBlock entries={entries} />
}

Props

PropTypeDefaultDescription
entries*ChangelogEntry[]Array of changelog entries. Each has id, date, and title. Optional: version, description, tags, changes.
classNamestringAdditional classes on the root element.

* Required

Accessibility

  • Dates are wrapped in a <time> element.
  • Change type badges (Added, Fixed, etc.) are rendered as visible Badge components.
  • The timeline is a visual aid — screen readers read entries in document order.