Новые типы табов (#60)

* элемент по умолчанию описание новой функциональности * поправил текст поправил текст в разделе «Элемент по умолчанию» * добавил инфо про дропдаун Добавлен заголовок и инфо о дропдаун * добавил инфо об аккордеоне Добавлена информация о новом виде списка — аккордеон. * корректировки текста * корректировки текста * правки структуры * поправлен синтаксис для сборки * изменен тип списка * правки текста * Исправлена ошибка * проверка селекта * проверка на катах * правки * правки * Добавлены новые фичи Обновлена информация об аккордеоне и дропдауне. Описана новая фича, приведены другие примеры * исправлен синтаксис для сборки * поправил описание дропдауна
diplodoc-platform · Nov 12, 2024 · 0aed988 · 0aed988
1 parent 0d3e358
commit 0aed988
Show file tree

Hide file tree

Showing 2 changed files with 151 additions and 2 deletions.
diff --git a/ru/_includes/default-element.md b/ru/_includes/default-element.md
@@ -0,0 +1,75 @@
+### Элемент по умолчанию
+
+Если нужно, чтобы выбранный элемент был раскрыт по умолчанию, добавьте атрибут `{selected}` к нужному пункту.
+
+{% list tabs %}
+
+- Пример с аккордеоном
+
+  ```markdown
+  {% list tabs accordion %}
+
+  - Название пункта 1
+
+    Контент для пункта 1.
+
+  - Название пункта 2
+
+    Контент для пункта 2.
+
+  - Название пункта 3 {selected}
+
+    Контент для пункта 3.
+
+  {% endlist %}
+  ```
+
+  **Результат:**
+
+  {% list tabs accordion %}
+
+  - Название пункта 1
+
+    Контент для пункта 1.
+
+  - Название пункта 2
+
+    Контент для пункта 2.
+
+  - Название пункта 3 {selected}
+
+    Контент для пункта 3.
+
+  {% endlist %}
+
+- Пример с радиобаттонами
+
+  ```markdown
+  {% list tabs radio %}
+
+  - Название пункта 1
+
+    Текст.
+
+  - Название пункта 2 {selected}
+
+    Пункт будет открыт по умолчанию.
+
+  {% endlist %}
+  ```
+
+  **Результат:**
+
+  {% list tabs radio %}
+
+  - Название пункта 1
+
+    Текст.
+
+  - Название пункта 2 {selected}
+
+    Пункт будет открыт по умолчанию.
+
+  {% endlist %}
+
+{% endlist %}
diff --git a/ru/syntax/cuts-tabs-radio.md b/ru/syntax/cuts-tabs-radio.md
@@ -1,10 +1,10 @@
 # Каты, табы и радиобаттоны
 
-Благодаря расширениям YFM вы можете использовать интерактивные элементы разметки: каты, табы и радиобаттоны.
+Благодаря расширениям YFM вы можете использовать интерактивные элементы разметки: каты, табы, радиобаттоны, дропдаун и аккордеон.
 
 {% note info %}
 
-Содержимое катов, табов и радиобаттонов может включать любую разметку YFM.
+Содержимое катов, табов, радиобаттонов, дропдауна и аккордеона может включать любую разметку YFM.
 
 {% endnote %}
 
@@ -166,3 +166,77 @@
 - отступ для содержимого таба - два пробела.
 
 {% endnote %}
+
+##  Дропдаун {#dropdawn}
+
+Используйте дропдаун, чтобы получить удобный выпадающий список, если элементов со скрытым контентом слишком много.
+
+```markdown
+{% list tabs dropdown %}
+
+- Название пункта 1
+
+  Контент для пункта 1.
+
+- Название пункта 2
+
+  Контент для пункта 2.
+
+{% endlist %}
+```
+
+**Результат:**
+
+{% list tabs dropdown %}
+
+- Название пункта 1
+
+  Контент для пункта 1.
+
+- Название пункта 2
+
+  Контент для пункта 2.
+
+{% endlist %}
+
+##  Аккордеон {#accordion}
+
+Аккордеон позволяет свернуть или раскрыть содержимое по вашему выбору, отлично подходит для организации больших объемов информации.
+
+```markdown
+{% list tabs accordion %}
+
+- Название пункта 1
+
+  Контент для пункта 1.
+
+- Название пункта 2
+
+  Контент для пункта 2.
+
+- Название пункта 3
+
+  Контент для пункта 3.
+
+{% endlist %}
+```
+
+**Результат:**
+
+{% list tabs accordion %}
+
+- Название пункта 1
+
+  Контент для пункта 1.
+
+- Название пункта 2
+
+  Контент для пункта 2.
+
+- Название пункта 3
+
+  Контент для пункта 3.
+
+{% endlist %}
+
+{% include [default-value-for-tabs-and-radiobtns](../_includes/default-element.md) %}