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

Каталог компонентов

Общие элементы, состояния и шаблоны Fibra. Выбирай раздел или ищи по названию — на русском и английском.

0.4 · 14 разделов

Каркасы и контейнеры

Структура страницы и компоновка без нового визуального стиля.

Состав раздела · 12
  • AppShell · каркас
  • PageHeader · заголовок с действиями
  • Section · секция
  • Card · карточка
  • Panel · панель
  • Accordion · аккордеон
  • Collapsible · сворачиваемый блок
  • Divider · разделитель
  • Toolbar · панель инструментов
  • Inline / Stack · горизонтальные и вертикальные группы
  • Grid / Container
  • Splitter · изменяемые области

Страница и секции

AppShell · PageHeader · Section · Grid · Container

Каркас и заголовок уже используются на этой странице и в примерах каталога и инструмента.

Пример секции

Группировка по задаче, без дополнительной оболочки вокруг каждого текста.

Панель настроек

Панель объединяет связанные настройки и область работы.

Раскрытие содержимого

Accordion · Collapsible

Показать дополнительные параметры

Сворачиваемый блок с нативным управлением.

Группы и панель инструментов

Stack · Inline · Divider · Toolbar

Текст меняется вместе с выбранными действиями.

Горизонтальная группаАвтоматический перенос

Разделяемые области

Splitter

Перетаскивай разделитель или перемещай его стрелками с клавиатуры.

Исходные данные

Предпросмотр результата

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

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