Обзор дизайн-системы

Контент и данные

Списки, таблицы, объекты, изображения и показатели.

Состав раздела · 12
  • List · список и элемент
  • DataTable · таблица
  • Avatar / AvatarGroup
  • CounterBadge · счётчик
  • Badge / Chip · метки
  • StatusIndicator · статус
  • DefinitionList · название и значение
  • Statistic · числовой показатель
  • Timeline · временная шкала
  • TreeView · дерево
  • MediaImage · изображение и заглушка
  • Carousel · галерея

Таблица и массовые действия

DataTable · CounterBadge · ConfirmDialog
Выбрано: 0
Демонстрационные файлы
Аудио.mp3MP34 300Готово
Заметки.pdfPDF240Готово
Иконки.svgSVG36Готово
Логотип.svgSVG18Черновик

Все строки — демонстрационные данные. Реальные файлы не затрагиваются.

Списки, метки и объект

List · Avatar · AvatarGroup · Badge · Chip · StatusIndicator · DefinitionList
+2
99+ИзображенияГотовоНужна проверка
Название
Демонстрационный файл
Формат
PNG
Состояние
Пример
  • Обложка

    Изображение из примера

  • Документ

    Описание второго объекта

Показатели и хронология

Statistic · Timeline

Данные вымышлены и нужны только для проверки компоновки.

Размер примера12 345КБ
Количество элементов128
  1. Создан черновик

    Начало демонстрационного процесса.

  2. Добавлены параметры

    Настройки сохранены в примере.

Дерево

TreeView

Стрелки раскрывают и обходят узлы, Enter выбирает. Один Tab вход на всё дерево.

Выбери узел дерева.

Изображение, fallback и галерея

MediaImage · Carousel
Оригинальный маскот Fibra
Пример недоступного изображения

Примеры показывают компоненты и локальное поведение. Сервисы, авторизация и оплата подключаются отдельно.

Применение в каталоге