MarkdownRenderer

A Markdown rendering component that converts Markdown strings to styled HTML. Supports headings, lists, code blocks, links, and inline formatting with theme-aware typography.

Data Displaymarkdowncontentproserich-text

Heading 1

Heading 2

This is a paragraph with bold, italic, and inline code.

  • First item
  • Second item
  • Third item with a link
typescript
function greet(name: string) {
  return `Hello, ${name}!`
}

This is a blockquote with some important information.

FeatureStatus
MarkdownSupported
GFMSupported
Syntax highlightingYes

Related Components

CodeBlock

Syntax-highlighted code display with copy support.

data-displaycodesyntax

Text

Themed text and heading components with size/weight variants.

typographytextheading