Update

Usage

<Update> is the building block for changelog pages. Each entry has a date, optional category label, optional version number, and the description content.

<Update date="2026-04-10" label="Feature" version="1.2.0">
  Added pgvector hybrid search and the AI sparkle toggle in the search modal.
</Update>

Label colors

The label prop drives a color-coded badge. Five common categories get smart defaults; other strings fall back to a neutral badge.

<Update date="2026-04-10" label="Feature">New feature</Update>
<Update date="2026-04-10" label="Fix">Bug fix</Update>
<Update date="2026-04-10" label="Breaking">Breaking change</Update>
<Update date="2026-04-10" label="Improvement">Performance improvement</Update>
<Update date="2026-04-10" label="Security">Security patch</Update>
<Update date="2026-04-10" label="Custom">Custom label</Update>

Building a changelog page

Stack updates in reverse chronological order on a /changelog page:

---
title: Changelog
description: Recent changes to CodivDocs.
---

<Update date="2026-04-10" label="Feature" version="1.2.0">
  - Added pgvector hybrid search
  - New AI sparkle toggle in search modal
  - Theme tokens now apply to search results
</Update>

<Update date="2026-04-08" label="Fix" version="1.1.2">
  Fixed contentRoot filter so non-docs markdown files no longer
  pollute the search index.
</Update>

<Update date="2026-04-05" label="Breaking" version="1.1.0">
  Renamed `colors.brand` to `colors.primary` in `codiv.config.json`.
</Update>

Date format

Pass the date as YYYY-MM-DD. The component formats it as "April 10, 2026" using the en-US locale, parsed as UTC to avoid timezone shifts.

Props