Skip to main content
ShadcnUI
Navigation

Documentation composition

The checked fixture for reusable documentation prose, badges, specimens, source, and support surfaces.

Semantic page baseline The route renders authored landmarks, headings, content, and ordinary destinations.
Documentation

Overview

Caller-authored fragment destinations and heading levels.

Long translated guidance: Esta documentación permanece disponible en el orden del documento.

Native behavior
Details and summary remain browser-owned.
Fallback behavior
Unsupported grouping remains independently operable.

Detailed guidance

Nested content and links remain ordinary HTML.

Presentation system fixture

Reusable documentation surfaces

This checked fixture keeps prose, every closed preview layout, capability identities, long source, empty actions, and exact fallback evidence together.

Readable prose and durable anchors

Unicode remains authored text: español, العربية, 日本語. Long identifiers such as deterministic_long_identifier_for_gallery_presentation_evidence wrap safely.

Fallback meaning stays visible instead of becoming a color-only promise.
Authored policy Closed Authored policy identity; not a visitor-specific support claim. Native baseline Closed Native baseline identity; not a visitor-specific support claim. Progressive enhancement Closed Progressive enhancement identity; not a visitor-specific support claim. Exact fallback Closed Exact fallback identity; not a visitor-specific support claim.
Centered preview layout
Choose specimen view
Support evidence
1. Centered Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>
Composition preview layout
Choose specimen view
2. Composition Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>
Constrained preview layout
Choose specimen view
3. Constrained Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>
Overflow preview layout
Choose specimen view
4. Overflow Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>
Start preview layout
Choose specimen view
5. Start Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>
Tall preview layout
Choose specimen view
6. Tall Complete rendered content remains in document order.

HEEX source

<.button id="deterministic-long-identifier-for-keyboard-overflow-evidence" variant={:outline}>Save translated preferences safely</.button>

Support evidence

Presentation system support and fallback
Feature Locked-engine evidence When missing
Native radio selection Locked Chromium, Firefox, and WebKit exercise the ordinary radio group. Without presentation CSS, Preview and Code remain visible in source order.
Optional source copy feedback The locked demo-script check records success and failure text. Source remains selectable and keyboard-scrollable when copying is unavailable.

Support and exact fallback

Documentation composition support and fallback
Feature Locked-engine evidence When missing
Semantic page baseline Controller and static-export tests exercise the same closed route. Without optional gallery presentation, complete content and ordinary destinations remain in document order.

Without optional gallery presentation, complete content and ordinary destinations remain in document order.