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

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

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

0.4 · 14 разделов

Навигация

Ориентация в продукте, в списке и в процессе.

Состав раздела · 11
  • Navbar · верхняя навигация
  • SideNavigation · боковая навигация
  • BottomNavigation · мобильная навигация
  • MenuButton · меню и подменю
  • DropdownMenu · действия
  • ContextMenu · контекстное меню
  • Breadcrumbs · хлебные крошки
  • Tabs · вкладки
  • Pagination · страницы результатов
  • Stepper · индикатор шагов
  • AnchorNav · оглавление и якоря

Верхняя, боковая и нижняя навигация

Navbar · SideNavigation · BottomNavigation

Нижняя панель в примере не закреплена; AppShell закрепляет её на телефоне.

Путь и разделы

Breadcrumbs · Tabs · AnchorNav

Содержимое обзора.

Меню и подменю

MenuButton · ContextMenu

Нажми правой кнопкой или Shift + F10.

Страницы и шаги

Pagination · Stepper

Страница 1

  1. Данные
  2. 2Настройки
  3. 3Результат

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

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