Tabs in markdown

Setup

In mkdocs.yml, Add the following PyMdown under markdown_extensions:

- pymdownx.tasklist:
    custom_checkbox: true
- pymdownx.superfences
- pymdownx.tabbed:
    alternate_style: true

How to use Tabs

Code

<hr />
=== "tab_1"

    Content of tab_1  
    ![](../../images/home/relux_deer.gif)

=== "tab_2"

    Content of tab_2  
    ![](../../images/home/tear_deer.gif)

Result

---

tab_1tab_2

Content of tab_1

Content of tab_2

How to use Line number

code

``` {linenums="1"}
line_1
line_2
line_3
```

Result

line_1
line_2
line_3

How to use tasklist

Code

- [x] tasklist_1
    - [x] tasklist1-2
- [ ]  tasklistt_2

Result

• tasklist_1
  • tasklist1-2
• tasklistt_2

---

Last update: May 3, 2022