Markdown Type Components Demo

This page demonstrates how to use react-markdown with your custom Type components.

Headings H2

This is an H3 heading

Text Formatting

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

This is a blockquote that demonstrates how your Type components can be used to style quoted content with proper theming.

Lists

  • First item in an unordered list
  • Second item with bold text
  • Third item with italic text
  1. First numbered item
  2. Second numbered item
  3. Third numbered item

Code

Here's some inline code within a paragraph.

// This would be a code block, but react-markdown
// handles this differently from inline code
const example = "Hello World";