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

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

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

0.4 · 14 разделов

Формы

Общие правила ввода, проверки, ошибок и черновиков.

Состав раздела · 11
  • FormField · обёртка поля
  • Label · название
  • Hint / Description · подсказка
  • Required / Optional · обязательность
  • Field error · ошибка поля
  • FormErrorSummary · ошибки формы
  • Fieldset · группа полей
  • FormActions · сохранить и отменить
  • MultiStepForm · многошаговая форма
  • useDraft · сохранение введённых данных
  • Validation · валидация

Поля, подсказки и ошибки формы

FormField · Fieldset · FormErrorSummary · FormActions · useDraft

Черновик на этом устройстве

Только название и описание примера сохраняются в localStorage. Пароли и платёжные данные не сохраняются.
Основные сведения

Создание и редактирование используют один паттерн.

Многошаговый сценарий

MultiStepForm · Stepper

Значения хранятся в состоянии родителя и сохраняются при переходе между шагами.

  1. 1Название
  2. 2Направление
  3. 3Проверка

Произвольное поле

FormField

Label, описание и aria-связи задаёт обёртка.

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

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