Changelog 8

Pro

A component displaying a changelog with a scrollspy sidebar. Features dynamic scroll highlighting & smooth navigation to sections.

Shadcn UI Changelog Block

The Changelog8 component is designed to keep users informed about the latest updates and features of a platform. It provides a detailed and interactive display of changelog entries, allowing users to easily see what changes have been made and delve into the specifics of each update. This shadcn ui component comprises a main content section showcasing the updates, supplemented by a scrollable sidebar for easy navigation.

In greater detail, Changelog8 displays each changelog entry as a detailed card, featuring a version badge, release date, and a succinct yet descriptive overview of changes. The component enhances user interactivity through a dynamic scrollspy sidebar that highlights the entry currently in view. This functionality is powered by a custom scroll event handler that manages the active state based on the user's scrolling position. Additionally, users can navigate directly to specific updates via a clickable list in the sidebar. The design effectively uses visual hierarchies, such as bolded headings and shaded sections, to emphasize key information.

Dependencies

PackageType
reactNPM
badge
@shadcn
Registry
scroll-area
@shadcn
Registry
separator
@shadcn
Registry