gpui-component/crates/story/examples/markdown.md

Hello, World!

This is first paragraph, there have BOLD, italic, and strikethrough, code text.

Blockquote: More complex nested inline style like bold: italic. This is second paragraph, it includes a block quote.

This is an additional demonstration paragraph in English demonstrating more content for Markdown GFM. It includes various stylistic elements and plain text.

这是一个中文演示段落，用于展示更多的 Markdown GFM 内容。您可以在此尝试使用使用粗体、斜体和代码等样式。これは日本語のデモ段落です。Markdown の多言語サポートを示すためのテキストが含まれています。例えば、、ボールド、イタリック、およびコードのスタイルなどを試すことができます。

Code block

struct Repository {
    /// Name of the repository.
    name: String,
}

fn main() {
    let _ = Repository {
        name: "GPUI Component".to_string(),
    };

    println!("Hello, World!");
}

---

Heading for Links

Here is a link to Google, and another to Rust.

Images

SVG

Table

Header 1	Centered	Header 3	Align Right
Cell 0	Cell 1	This is a long cell with line break.	Cell 3
Row 2	Row 2	Row 2 Link	Row 2
Row 3	Bold	Row 3	Row 3

Lists

Bulleted List

• Bullet 1, this is very long and needs to be wrapped to the next line, display should be wrapped to the next line as well.
• Bullet 2, the second bullet item is also long and needs to be wrapped to the next line.
  • Bullet 2.1
    • Bullet 2.1.1
      • Bullet 2.1.1.1
    • Bullet 2.1.2
  • Bullet 2.2
• Bullet 3

Numbered List

1. Numbered item 1
   1. Numbered item 1.1
      1. Numbered item 1.1.1
   2. Numbered item 1.2
2. Numbered item 2
3. Numbered item 3

To-Do List

• Task 1, a long long text task, this line is very long and needs to be wrapped to the next line, display should be wrapped to the next line as well.
• Task 2, going to do something if there is a long text that needs to be wrapped to the next line.
• Task 3

HTML

Paragraph and Text

Here is a test in div.

This is a paragraph inside a div element, have link, bold, italic, and code text.

This is second paragraph.

A text after div.

List

1. Numbered item 1
2. Numbered item 2

• Bullet 1
• Bullet 2

Table

Head 1	Head 2
Cell 1	Cell 2
Cell 3	Cell 4

Image

Unsupported

HTML

Click to expand

This is a paragraph inside a details element.

This is second paragraph.

Math

This is an inline math x^2 + y^2 = z^2.

This is a block math:

$$ \begin{aligned} x^2 + y^2 &= z^2 \ x^3 + y^3 &= z^3 \end{aligned}

This is final paragraph, it includes a code block and a list of items.