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-blockImport
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
| Prop | Type | Default | Description |
|---|---|---|---|
| entries* | ChangelogEntry[] | — | Array of changelog entries. Each has id, date, and title. Optional: version, description, tags, changes. |
| className | string | — | Additional 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.