Search blocks by description or jump to a page.
Release notes organized into tabs by version or category. Lets readers switch between updates without scrolling, keeping each release neatly contained.
Tabbed Changelog presents release notes through a horizontal tab bar at the top, where each tab is labeled with a version number. The most recent tab carries a small "New" badge so visitors spot the latest release immediately. Clicking a tab swaps in a bordered card that shows a version title, a release date, and a two-column grid of categorized lists. Each category has an icon and a heading (New Features, Improvements, Bug Fixes, Breaking Changes) followed by a short bullet list.
Every part of the content is independent. You can rename the tabs to use course names, module versions, or calendar quarters instead of semver strings. The two-column grid is only present on the first tab; older tabs use a single column, so lighter releases do not feel padded. Add or remove tabs, swap category headings, and rewrite the bullet lists without changing anything structural.
This layout suits a product or platform that ships distinct, numbered releases and wants readers to compare versions without scrolling. It works especially well on a dedicated updates page for an online education platform, where each tab might represent a curriculum version or a semester release, and instructors need to quickly check what changed in the version their cohort is on. Compared to a flat list like the compact or minimalist changelog, the tab structure makes it easy to land directly on a specific version without reading past everything else.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each tab is self-contained, so the block adapts to several release cadences and content structures:
Tip: keep each tab to four or fewer category sections so the panel stays readable without internal scrolling, especially on mobile viewports.