Вкладки

Вкладки (Content Tabs)

Настройка

markdown_extensions:
  - pymdownx.superfences
  - pymdownx.tabbed:
      alternate_style: true

---

Группировка блоков кода

=== "Python"
    ``` python
    print("Hello world!")
    ```

=== "JavaScript"
    ``` javascript
    console.log("Hello world!");
    ```

Результат:

PythonJavaScript

print("Hello world!")

console.log("Hello world!");

---

Группировка любого контента

=== "Список"
    - Пункт 1
    - Пункт 2
    - Пункт 3

=== "Цитата"
    > Это цитата внутри вкладки

Результат:

СписокЦитата

• Пункт 1
• Пункт 2
• Пункт 3

Это цитата внутри вкладки

---

Вложенные вкладки

=== "Внешняя вкладка"
    === "Внутренняя 1"
        Содержимое 1

    === "Внутренняя 2"
        Содержимое 2

Результат:

Внешняя вкладка

Внутренняя 1Внутренняя 2

Содержимое 1

Содержимое 2

---

В примечаниях (admonitions)

!!! tip "Пример"

    === "Код"
        ```python
        print("Код внутри примечания")
        ```

    === "Описание"
        Пояснение к коду

Результат:

Пример

КодОписание

print("Код внутри примечания")

Пояснение к коду

---

Дополнительные возможности:

1. Связанные вкладки (активация одинаковых вкладок на всех страницах):

   theme:
     features:
       - content.tabs.link
   

2. Человекочитаемые ссылки (для версий Python Markdown Extensions ≥ 9.6):

   markdown_extensions:
     - pymdownx.tabbed:
         slugify: !!python/object/apply:pymdownx.slugs.slugify
           kwds:
             case: lower