gpui-component/crates/story/examples/fixtures/test.md

Hello, World!

Build Status of GPUI Component.

This is first paragraph, there have BOLD, italic, and strikethrough, code text ^{1 2}.

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 の多言語サポートを示すためのテキストが含まれています。例えば、、ボールド、イタリック、およびコードのスタイルなどを試すことができます。

Basic formatting

Bold text

You can mark some text as bold with two asterisks or two underscores.

Italic text

You can mark some text as italic with asterisks or underscores.

Bold and italic

Three stars gives bold and italic

Strikethrough

Using ~~two tildes~~ will strikethrough: two tildes

Blockquotes

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

And this is next blockquote

Hello, world!

Nested blockquotes

First level

Second level Third level

const FOO: &str = "bar";

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.

Image

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

See the way the text is aligned, depending on the position of ':'

Syntax	Description	Test Text
Header	Title	Here's this
Paragraph	Text	And more

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

Heading

Add ## at the beginning of a line to set as Heading. You can use up to 6 # symbols for the corresponding Heading levels

Heading 2

This is paragraph of the heading 2.

Heading 3

This is paragraph of the heading 3.

Heading 4

This is paragraph of the heading 4.

Heading 5

This is paragraph of the heading 5.

Heading 6

This is paragraph of the heading 6.

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.

---

1. This is a footnote example. ↩︎

2. Here is another footnote. ↩︎