MDX
Article primitives for MDX content and the compiled MDX runtime.
20 pages · 7 live examples, generated from the design system metadata.
AsideSupporting article content outside the main reading flow.CalloutHighlight an article note, tip, warning or error while preserving readable prose.ChartChart is the MDX adapter for the Charts collection: authors write <Chart type=…> (or a chart by name) in an article and get the same framed, accessible chart an application renders from @gaudi/design-system/charts.CitationCitation documents the blog citation authoring flow and the Gaudi runtime components that hydrate generated citation links.CitationTrackerKeep bibliography back-links associated with the last visited citation.CodeArticle code rendered through the Core CodeBlock: CodeFence maps MDX pre, CodeGroup renders ::: code-group fences as tabs.DetailsExpandable article details with an explicit summary.FAQArticle questions and answers with semantic disclosure controls and configurable heading hierarchy.FileTreeStatic file and folder listings for technical documentation.FootnoteFootnote hydrates generated markdown footnote references with hover and focus popover previews.HighlightInline emphasis within article text.ImageImage renders editorial MDX images with caption, dark-mode source, fallback source, and click-to-open modal behavior.ImageModalA focused view of an article image with a caption and dismiss action.LatexTextRender inline mathematical notation inside text.MermaidRenders host-supplied Mermaid source as a labelled diagram with a local loading and error state. Diagram colors and typography use Gaudi tokens and update when the surrounding theme or local tokens change. Wide diagrams keep readable labels and scroll within a keyboard-focusable figure.PreviewPreview renders inline link previews for markdown links transformed by the blog MDX pipeline. It is the MDX adapter over the Core LinkPreview, which owns the rich, type-aware rendering.QuoteAn editorial quotation with attribution and an optional portrait.TableSemantic article tables with contained horizontal scrolling.7 examplesTooltipSupplementary explanations for a term in article prose.VideoVideo renders a video thumbnail that opens an embedded video in an accessible modal dialog.