Changelog Version Tree

ProNew

A tree of releases grouped by year and minor version, with a latest badge and the notes of the selected release beside it. Use this when readers move through release notes by version rather than by date.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

latestId

Guide and examples

When to use it

Use it for product changelogs and release-note archives with many versions.

Do not use it for a short list of releases (a plain dated list is easier) or when readers want a feed by date.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`releases`	`TreeNode<Release>[]`	-	Groups with releases as leaves.
`latestId`	`string`	-	The newest release.

Accessibility

Only releases can be selected; groups open and close.
"Latest" is text in the row, so it is read with the version.
The notes are a region named by the selected version and linked with aria-controls.

Testing

The pattern ships with a Testing Library test (changelog-version-tree.test.tsx) that covers the starting state, switching release and group behaviour.

Guide and examples

When to use it

Use it for product changelogs and release-note archives with many versions.

Do not use it for a short list of releases (a plain dated list is easier) or when readers want a feed by date.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`releases`	`TreeNode<Release>[]`	-	Groups with releases as leaves.
`latestId`	`string`	-	The newest release.

Accessibility

Only releases can be selected; groups open and close.
"Latest" is text in the row, so it is read with the version.
The notes are a region named by the selected version and linked with aria-controls.

Testing

The pattern ships with a Testing Library test (changelog-version-tree.test.tsx) that covers the starting state, switching release and group behaviour.