June 26th 2026

Markdown Feature Demo

  • MARKDOWN
  • Demo
A branded bottle inside a warm tan bag with a phone nearby.

Source References

This fixture is derived from the feature categories listed in the Markdown Guide cheat sheet, the Markdown Guide extended syntax reference, and the CommonMark 0.31.2 spec. CommonMark describes its examples as conformance tests, while Markdown Guide separates basic syntax from extended syntax that not every processor supports.

Supported Feature Matrix

  • Headings from level one through level six
  • Paragraphs with soft-wrapped source lines
  • Links using inline destination syntax
  • Strong and italic emphasis
  • Inline code spans
  • Ordered, unordered, and nested lists
  • Blockquotes with inline formatting
  • Horizontal rules
  • Fenced code blocks with a language info string
  • Long words and long links that should stay inside the viewport
  • Pipe tables with responsive overflow
  • Task lists with non-interactive checkbox UI
  • Footnote references and definitions
  • Definition lists
  • Heading IDs
  • Images with responsive containment
  • Strikethrough, highlight, subscript, superscript, and autolinks

Heading Levels

Level One Heading

Level Two Heading

Level Three Heading

Level Four Heading

Level Five Heading
Level Six Heading

Paragraphs And Inline Syntax

This paragraph checks normal body rhythm, a source link, strong emphasis, italic emphasis, and inline code inside one sentence.

This paragraph is split across multiple source lines so the renderer can prove that soft-wrapped prose joins into a readable paragraph without preserving accidental line breaks.

Ordered And Unordered Lists

  • Basic unordered item
  • Unordered item with strong text
    • Nested unordered child
    • Nested unordered child with a link
  • Final unordered item
  1. Basic ordered item
  2. Ordered item with italic text
    1. Nested ordered child
    2. Nested ordered child with inline code
  3. Final ordered item

Blockquote

A blockquote can include strong text, italic text, and a link. The second quoted line should stay in the quote rhythm.


Fenced Code Block

ts
type MarkdownFeature = {
  name: string;
  source: "Markdown Guide" | "CommonMark";
  supported: boolean;
};

Extended Syntax Probes

The Markdown Guide extended syntax reference lists features such as tables, footnotes, heading IDs, definition lists, strikethrough, task lists, emoji shortcodes, highlight, subscript, superscript, and automatic URL linking. This route now renders the accepted features as real syntax probes.

Pipe Table

FeatureRenderer StatusAlignment Probe
TablesRendered through MarkdownTableRight
Task listsRendered through task markers42
FootnotesRendered through references and backmatter7

Task List

  • Completed task marker renders as checked
  • Incomplete task marker renders as unchecked
  • Task items can include strong text and links

Footnotes

This sentence has a renderer footnote.1 This second reference reuses the same footnote number.1

Definition List

Markdown component registry
The UI layer in MarkdownComponents.tsx that owns renderer styling.
Parser boundary
The parser and inline tokenizer in markdown.tsx that create structured blocks and inline tokens.

Inline Extended Syntax

This paragraph checks strikethrough text, highlighted text, H2O, X2, and bare autolinks with trailing punctuation: https://www.markdownguide.org. It also checks https://commonmark.org, plus a parenthesized URL (https://spec.commonmark.org/0.31.2/).

Image Syntax

Abstract markdown feature test image

Explicitly Unsupported Extended Features

  • Unsupported emoji shortcode syntax: :sparkles:

Emoji shortcode conversion remains unsupported by human decision because it needs a mapping policy.

Overflow Stress

LongInlineWordValidationLongInlineWordValidationLongInlineWordValidationLongInlineWordValidationLongInlineWordValidation should wrap or remain contained without widening the viewport.

Long source link label Long source link label Long source link label should stay contained and remain clickable.

Completion

If this page renders without crashes, unexpected horizontal overflow, or broken contact-copy side effects, the shared renderer has a Blog article review surface that covers more than the fixed brand article alone.

Footnotes

  1. Footnotes render after the document content and link back to the reference. ↩

Stop losing customersonline.

Text us directly

or book a demo.