Вкладка.md

icon	tags
browser	component

Компонент	Поиск	Замена
Начало блока компонента	`^(===	==-
Конец блока компонента	`^(===	==-
Встроенный компонент	`[!(badge	button

Retype

+++ Яблоко Это яблоко 🍎 +++ Апельсин Это апельсин 🍊 +++ Банан Это банан 🍌 +++

+++ Яблоко
Это яблоко 🍎
+++ Апельсин
Это апельсин 🍊
+++ Банан
Это банан 🍌
+++

Docusaurus

Это яблоко 🍎 Это апельсин 🍊 Это банан 🍌

<Tabs>
  <TabItem value="apple" label="Яблоко" default>
    Это яблоко 🍎
  </TabItem>
  <TabItem value="orange" label="Апельсин">
    Это апельсин 🍊
  </TabItem>
  <TabItem value="banana" label="Банан">
    Это банан 🍌
  </TabItem>
</Tabs>

GitBook

{% tabs %} {% tab title="Яблоко" %} Это яблоко 🍎 {% endtab %}

{% tab title="Апельсин" %} Это апельсин 🍊 {% endtab %}

{% tab title="Банан" %} Это банан 🍌 {% endtab %} {% endtabs %}

{% tabs %}
{% tab title="Яблоко" %}
Это яблоко 🍎
{% endtab %}

{% tab title="Апельсин" %}
Это апельсин 🍊
{% endtab %}

{% tab title="Банан" %}
Это банан 🍌
{% endtab %}
{% endtabs %}

Вкладка

С помощью Retype создание компонента Вкладка (Tab) очень просто. Просто заключите блок текста в +++ и включите заголовок для вкладки.

+++ Вкладка 1
Это Вкладка
+++

+++ Вкладка 1 Это Вкладка +++

Заголовок вкладки title должен быть разделен от открывающего +++ одним пробелом. Шаблон +++ Вкладка будет работать как ожидается, а +++Вкладка 1 - нет.

---

Несколько вкладок

Можно настроить несколько вкладок, объединив несколько блоков +++ и добавив заголовок для каждой вкладки.

+++ Вкладка 1
Это Вкладка
+++ Вкладка 2
Это еще одна Вкладка
+++ Вкладка 3
Вау! Еще одна вкладка :+1:
+++

+++ Вкладка 1 Это Вкладка +++ Вкладка 2 Это еще одна Вкладка +++ Вкладка 3 Вау! Еще одна вкладка 👍 +++

---

Пустые строки

Дополнительные пустые строки в начале или в конце Вкладки допустимы, но игнорируются. Вкладки могут содержать любое количество ведущих или завершающих пустых строк.

+++ Вкладка 1

Это Вкладка

+++ Вкладка 2
Это еще одна Вкладка
+++ Вкладка 3

Вау! Еще одна вкладка :+1:

+++

+++ Вкладка 1

Это Вкладка

+++ Вкладка 2 Это еще одна Вкладка +++ Вкладка 3

Вау! Еще одна вкладка 👍

+++

---

Якоря

Каждая Вкладка является якорем, который позволяет ссылаться непосредственно на вкладку, передавая якорь в URL.

Если якорь вкладки передается в URL, при загрузке страницы страница автоматически прокручивается до этой позиции вкладки, и вкладка будет выбрана.

Чтобы получить URL вкладки с якорем, щелкните правой кнопкой мыши по вкладке и выберите Копировать адрес ссылки.

[Ссылка на якорь вкладки](#tab-3)

Ссылка на якорь вкладки