Markdown Features


Headers

H1 header sample

H2 header sample

H3 header sample

H4 header sample

H5 header sample
H6 header sample

Callouts

note

Some content with Markdown syntax.

info

Some content with Markdown syntax.

tip

Some content with Markdown syntax.

success

Some content with Markdown syntax.

caution

Some content with Markdown syntax.

warning

Some content with Markdown syntax.

danger

Some content with Markdown syntax.


Tabs

This is an apple 🍎


Images

Example banner


Tables

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more
StrikethroughText
ParagraphTextAnd more
StrikethroughText
ParagraphTextAnd more

Lists

  • Item 1
  • Item 2
  • Item 3
    • Item 3.1
    • Item 3.2
      • Item 3.2.1
      • Item 3.2.2
        • Item 3.2.2.1
    • Item 3.3

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3.1
    2. Item 3.2
      1. Item 3.2.1
      2. Item 3.2.2
        1. Item 3.2.1
    3. Item 3.3

Checkbox list

  • Read the documentation

  • Create a sandbox account

    EXPECTED RESULT:

    Account is created successfully.

  • Try API in production

Complex list

  • Read the documentation

    1. document 1.
    2. document 2.
      1. Read
      2. Understand
      3. Implement
    3. document 3.
  • Explore APIs

    • Do one thing

      asd
      "It might be complicated"
    • Do another thing

    • Great job

      1. But there are a lot of other things to do
      • Do you agree?

Code Blocks

/src/components/HelloCodeTitle.js
function HelloCodeTitle(props) {
return <h1>Hello, {props.name}</h1>
}
function HelloCodeTitle() {
return <h1>Hello, this is code block with no title</h1>
}

Pre

Hello world!

Blockquotes

This is a quoted sentence

And a second line


Text formattting

Emphasis

these letters are dizzy

Strong

very important sentence

Strikethrough

pretend I did not say this

Inline code

hello world!

hello world again
  1. List
    hell nah
    hell nah nah

I am referencing a document.

Break



Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

warning

You must leave 1 empty line between html code and markdown code

<div>

:::warning
You must leave
1 empty line
between html code
and markdown code
:::

</div>
:::note Otherwise Markdown code won't be parsed and processed :::
<div>
:::note
Otherwise Markdown
code won't be parsed
and processed
:::
</div>