Home Reference Components Demo Source code

Reference guide

1. Typography

Markdown Syntax:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
Paragraph text in **bold** and *italic*

Result:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text in bold and italic

2. Link

Markdown Syntax:

My favorite personal finance manager is [BASE·finance](https://base.finance).

Result:

My favorite personal finance manager is BASE·finance.

3. Image

Markdown Syntax:

[![BF logo](icon-36.png "Logo")](https://base.finance)

![Tbourida Moroccan folklore fantasy by Houssain tork](https://upload.wikimedia.org/wikipedia/commons/4/4a/Tbourida_Moroccan_folklore_fantasy.jpg)

Result:

Tbourida Moroccan folklore fantasy by Houssain tork

4. List

Markdown Syntax:

Ordered List
1. First item
2. Second item
3. Third item

Unordered List
- First item
- Second item
- Third item

Result:

Ordered List

First item
Second item
Third item

Unordered List

First item
Second item
Third item

5. Table

Markdown Syntax:

| Title     | Text  | Number  |
| ---       | ---   | ---:    |
| Header    | Word  | 0.10    |
| Paragraph | Text  | 12.45   |

Result:

Title	Text	Number
Header	Word	0.10
Paragraph	Text	12.45

6. Blockquote (Basic card)

Markdown Syntax:

> Souvent, pour s’amuser, les hommes d’équipage  
> Prennent des albatros, vastes oiseaux des mers,  
> Qui suivent, indolents compagnons de voyage,  
> Le navire glissant sur les gouffres amers.

Result:

Souvent, pour s’amuser, les hommes d’équipage
Prennent des albatros, vastes oiseaux des mers,
Qui suivent, indolents compagnons de voyage,
Le navire glissant sur les gouffres amers.

7. Horizontal Rule

Markdown Syntax:

---

Result:

8. Code

Markdown Syntax:

    <html>
      <head>
        <title>Test</title>
      </head>

Result:

<html>
  <head>
    <title>Test</title>
  </head>