From 054a9737e3e023306c8067d9ce6b51d144f3fc81 Mon Sep 17 00:00:00 2001 From: 1scnd_ <62334658+parinovK@users.noreply.github.com> Date: Mon, 2 Dec 2024 15:36:10 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D1=81?= =?UTF-8?q?=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ru/_includes/default-element.md | 105 ----------------------- ru/syntax/cuts-tabs-radio.md | 4 +- ru/syntax/default-element.md | 143 ++++++++++++++++++++++++++++++++ ru/toc.yaml | 3 + 4 files changed, 147 insertions(+), 108 deletions(-) delete mode 100644 ru/_includes/default-element.md create mode 100644 ru/syntax/default-element.md diff --git a/ru/_includes/default-element.md b/ru/_includes/default-element.md deleted file mode 100644 index 8fd585c..0000000 --- a/ru/_includes/default-element.md +++ /dev/null @@ -1,105 +0,0 @@ -### Элемент по умолчанию - -Если нужно, чтобы выбранный элемент был раскрыт по умолчанию, добавьте атрибут `{selected}` к нужному пункту. - -{% list tabs %} - -- Пример с катом - - ```markdown - {% cut "Заголовок ката 1" %} - - Контент, который отобразится по нажатию. - - {% endcut %} - - {% cut "Заголовок ката 2" %} {selected} - - Контент, который отобразится по нажатию. - - {% endcut %} - ``` - - **Результат**: - - {% cut "Заголовок ката 1" %} - - Контент, который отобразится по нажатию. - - {% endcut %} - - {% cut "Заголовок ката 2" %} {selected} - - Контент, который отобразится по нажатию. - - {% endcut %} - -- Пример с аккордеоном - - ```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 %} \ No newline at end of file diff --git a/ru/syntax/cuts-tabs-radio.md b/ru/syntax/cuts-tabs-radio.md index 210a75d..581229a 100644 --- a/ru/syntax/cuts-tabs-radio.md +++ b/ru/syntax/cuts-tabs-radio.md @@ -237,6 +237,4 @@ Контент для пункта 3. -{% endlist %} - -{% include [default-value-for-tabs-and-radiobtns](../_includes/default-element.md) %} \ No newline at end of file +{% endlist %} \ No newline at end of file diff --git a/ru/syntax/default-element.md b/ru/syntax/default-element.md new file mode 100644 index 0000000..d535263 --- /dev/null +++ b/ru/syntax/default-element.md @@ -0,0 +1,143 @@ +# Элемент по умолчанию + +{% note info %} + +Задать элемент по умолчанию можно в следующих интерактивных элементах разметки: [табы](#tabs), [радиобаттоны](#radiobuttons), [дропдаун](#dropdawn) и [аккордеон](#accordion). + +{% endnote %} + +Если нужно, чтобы выбранный элемент был раскрыт по умолчанию, добавьте атрибут `{selected}` к нужному пункту. + +## Табы {#tabs} + +```markdown +{% list tabs %} + +- Название таба 1 + + Текст таба 1. + + * Можно использовать списки. + * И **другую** разметку. + +- Название таба 2 {selected} + + Текст таба 2. + +{% endlist %} +``` + +**Результат:** + +{% list tabs %} + +- Название таба 1 + + Текст таба 1. + + * Можно использовать списки. + * И **другую** разметку. + +- Название таба 2 {selected} + + Текст таба 2. + +{% endlist %} + +## Радиобаттоны {#radiobuttons} + +```markdown +{% list tabs radio %} + +- Название пункта 1 + + Текст. + +- Название пункта 2 {selected} + + Пункт будет открыт по умолчанию. + +{% endlist %} +``` + +**Результат:** + +{% list tabs radio %} + +- Название пункта 1 + + Текст. + +- Название пункта 2 {selected} + + Пункт будет открыт по умолчанию. + +{% endlist %} + +## Дропдаун {#dropdawn} + +```markdown +{% list tabs dropdown %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 {selected} + + Контент для пункта 2. + +{% endlist %} +``` + +**Результат:** + +{% list tabs dropdown %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 {selected} + + Контент для пункта 2. + +{% endlist %} + +## Аккордеон {#accordion} + +```markdown +{% list tabs accordion %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 {selected} + + Контент для пункта 2. + +- Название пункта 3 + + Контент для пункта 3. + +{% endlist %} +``` + +**Результат:** + +{% list tabs accordion %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 {selected} + + Контент для пункта 2. + +- Название пункта 3 + + Контент для пункта 3. + +{% endlist %} \ No newline at end of file diff --git a/ru/toc.yaml b/ru/toc.yaml index 3513c14..d6fd88f 100644 --- a/ru/toc.yaml +++ b/ru/toc.yaml @@ -71,6 +71,9 @@ items: href: syntax/notes.md - name: Каты, табы и радиобаттоны href: syntax/cuts-tabs-radio.md + items: + - name: Элемент по умолчанию + href: syntax/default-element.md - name: Ссылки href: syntax/links.md - name: Медиа