Overview

This page demonstrates all typography elements rendered through the MarkdownContent and AnchorHeading components. Every heading gets an auto-generated anchor link via AnchorHeading.

Headings

Each heading level is rendered as an AnchorHeading component with a clickable anchor link. Hover over any heading to see the link icon.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Inline Text Formatting

Here are all the inline formatting options:

• Bold text using **double asterisks**
• Italic text using *single asterisks*
• Bold and italic using ***triple asterisks***
• Strikethrough using ~~tildes~~
• Inline code using `backticks`
• Links using [text](url)
• Internal links to other pages

Paragraphs

This is a regular paragraph. It demonstrates the default text styling applied by the markdown CSS design tokens. The text should have comfortable line height and appropriate spacing between paragraphs.

This is a second paragraph. There should be clear visual separation between this paragraph and the one above.

Blockquotes

This is a blockquote. Blockquotes are styled with a left border and subdued background.

Note: Blockquotes can contain formatted text, italics, and even links.

They can also span multiple paragraphs.

Nested blockquotes:

This is a nested blockquote inside another blockquote.

Horizontal Rules

Content above the horizontal rule.

---

Content below the horizontal rule.

Emphasis Combinations

• Bold with inline code inside
• Italic with a link inside
• Strikethrough with bold inside

Superscript and Subscript

If supported by the MDX pipeline:

• H2O (subscript)
• E = mc^2^ (superscript)

Line Breaks

This line has a hard break
right here (two trailing spaces).

This line does not have a hard break and flows naturally.