Перейти к основному содержимому

Тестирование компонентов

Эта страница демонстрирует различные компоненты и блоки Docusaurus.

Адмонишены (Предупреждения)​

примечание

Это обычная заметка. Используется для дополнительной информации, которая может быть полезна читателю.

Совет

Это полезный совет или рекомендация. Помогает пользователям лучше понять материал.

Информация

Это информационный блок с важной информацией, которую стоит выделить.

Внимание

Это предупреждение о потенциальных проблемах или важных моментах, требующих внимания.

Опасность

Это критически важная информация или предупреждение об опасности.

Осторожно

Будьте осторожны при выполнении этих действий.

Кастомные адмонишены​

Кастомный заголовок

Адмонишены могут иметь кастомные заголовки для более точного описания содержимого.

подсказка

Адмонишены могут работать и без заголовка, используя тип по умолчанию.

Многострочная информация

Этот информационный блок содержит:

  • Несколько строк
  • Списки
  • Форматированный текст
  • Код

И другие элементы разметки.

Вкладки​

function greet(name) {
  console.log(`Привет, ${name}!`);
}

greet("Мир");

Группированные вкладки​

Установка на Windows​

  1. Скачайте установщик
  2. Запустите файл .exe
  3. Следуйте инструкциям мастера установки

Детали (Collapsible)​

Нажмите, чтобы развернуть

Это скрытое содержимое, которое можно показать или скрыть.

Оно может содержать:

  • Списки
  • Форматированный текст
  • Код
console.log("Скрытый код");
Еще один раздел с деталями

Заголовок внутри деталей​

Детали могут содержать любые элементы разметки, включая заголовки и сложную структуру.

подсказка

Даже адмонишены работают внутри блоков деталей!

MDX компоненты​

Симуляция окна браузера​

Содержимое в стиле окна браузера:

  • Кнопка "Войти"
  • Поле поиска
  • Навигационное меню

Кнопки и ссылки​

Обычная кнопка-ссылка

Большая кнопка-ссылка Вторичная кнопка Кнопка-контур

Картинки​

Логотип

Картинка с подписью​

Пример изображения

Встроенный HTML​

Кастомный блок

Это кастомный HTML блок с встроенными стилями.

  • Элемент списка 1
  • Элемент списка 2

Центрированный контент​

Центрированный заголовок​

Этот текст выровнен по центру и демонстрирует возможности кастомного форматирования.

Центрированная кнопка

Сетка из колонок​

Колонка 1

Это первая колонка в трехколоночной сетке.

Колонка 2

Это вторая колонка с другим содержимым.

Колонка 3

Это третья колонка, завершающая ряд.

Карточки​

Заголовок карточки

Это содержимое карточки. Карточки отлично подходят для группировки связанной информации.

Подробнее

Вторая карточка

Вторая карточка рядом с первой. Они автоматически выстраиваются в сетку.

Узнать больше