For isolated previews, theme switching, and sandbox editing, open the Update playground on holydocs.com .

When to use

Use this component when you need stronger document structure, annotation, or narrative pacing inside a page.

Live Examples

Every example below renders the real component directly inside HolyDocs, followed by the exact MDX you can paste into a page.

Release Note

A product release entry.

2024-03-15

v2.0 — AI Assistant

Introduced the AI-powered documentation assistant with RAG-based search, contextual answers, and streaming responses.

mdx
<Update date="2024-03-15" title="v2.0 — AI Assistant">Introduced the AI-powered documentation assistant with RAG-based search, contextual answers, and streaming responses.</Update>

Changelog

Multiple changelog entries.

2024-03-10

Bug Fix: API Playground

Fixed an issue where the playground would fail to send requests with query parameters.

2024-03-08

New: Mermaid Diagrams

Added support for Mermaid diagram rendering in documentation pages.

mdx
<Update date="2024-03-10" title="Bug Fix: API Playground">Fixed an issue where the playground would fail to send requests with query parameters.</Update><Update date="2024-03-08" title="New: Mermaid Diagrams">Added support for Mermaid diagram rendering in documentation pages.</Update>

Props

PropTypeDefaultDescription
datestring--Date of the update (e.g. "2024-03-15" or "March 15, 2024").
titlestring--Title of the update or release.

Usage

Start from this baseline shape and then tailor the copy, data, or nesting to the page you are writing.

mdx
<Update date="2024-03-15" title="v2.0 — AI Assistant">Introduced the AI-powered documentation assistant with RAG-based search, contextual answers, and streaming responses.</Update>

Tips

  • Keep the surrounding copy short so the component remains the focal point instead of becoming redundant chrome.
  • Prefer one clear job per component instance. If a block is trying to explain, navigate, and warn at the same time, split it up.
  • Check the page in both light and dark mode when you stack multiple content components together. Dense compositions can feel heavier than expected.
Callout

Highlighted message blocks for drawing attention to notes, tips, warnings, and other contextual information.

Learn More
Card

Versatile content containers that can display titles, icons, descriptions, and optional links.

Learn More
CardGroup

Responsive grid container for laying out multiple cards in even columns.

Learn More

More

Ask a question... ⌘I