Complete Markdown Style Guide

Heading 1

This is a comprehensive markdown style guide demonstrating all elements supported by ReactMarkdown.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs and Text Formatting

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

This is another paragraph separated by a blank line. It contains a line break here
and continues on the next line.

Links and Images

Here's a link to Google and an link with title.

Lists

Unordered List

• First item
• Second item
  • Nested item 2.1
  • Nested item 2.2
    • Deeply nested item
• Third item

Ordered List

1. First item
2. Second item
   1. Nested item 2.1
   2. Nested item 2.2
3. Third item

Task List

• [x] Completed task
• [ ] Incomplete task
• [ ] Another incomplete task

Blockquotes

This is a blockquote. It can span multiple lines.

This is a nested blockquote.

Back to the first level.

Code

Inline Code

Use const variable = value; for inline code.

Code Blocks

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

const result = greet('World');

def calculate_sum(a, b):
    """Calculate the sum of two numbers."""
    return a + b

result = calculate_sum(5, 3)
print(f"Result: {result}")

Plain code block without language specification
No syntax highlighting applied

Tables

| Header 1 | Header 2 | Header 3 | | ------------ | ------------ | ------------ | | Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | | Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | | Row 3, Col 1 | Row 3, Col 2 | Row 3, Col 3 |

Table with Alignment

| Left Aligned | Center Aligned | Right Aligned | | :----------- | :------------: | ------------: | | Left | Center | Right | | Text | Text | Text |

Horizontal Rules

HTML Elements

Some inline HTML: <span style="color: red;">red text</span> and <kbd>Ctrl</kbd> + <kbd>C</kbd>

Definition Lists

Abbreviations

The HTML specification is maintained by the W3C.

_[HTML]: Hyper Text Markup Language _[W3C]: World Wide Web Consortium

Footnotes

Here's a sentence with a footnote.[^1]

[^1]: This is the footnote content.

Emphasis and Strong

This is emphasized text and this is also emphasized.

This is strong text and this is also strong.

Escape Characters

Use backslash to escape special characters: * _ [ ] ( ) # + - . !

Automatic Links

https://www.example.com

email@example.com

Combined Elements

Here's a bold text with italic inside and a link with bold text.

Blockquote with heading

• List inside blockquote
• Another item

// Code block inside blockquote
const x = 10;

Long Text Sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.