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

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

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

0.4 · 14 разделов

Поля ввода

Текст, форматы, подтверждение, автодополнение и файлы.

Состав раздела · 10
  • Field · input
  • Textarea · многострочное поле
  • PasswordField · показать и скрыть пароль
  • SearchField · поиск
  • NumberField · числовое поле
  • Email / Tel / URL · форматы
  • OTPInput · код подтверждения
  • Combobox allowCustom · autocomplete
  • TagInput · ввод тегов
  • FileDropzone · drag-and-drop и загрузка

Текст и форматы

Field · Textarea · PasswordField

Формат не ограничивается одной страной.

Убери символ / из названия.

Поиск и подтверждение

SearchField · OTPInput

Введи запрос, чтобы проверить поле поиска.

Код подтверждения

Можно вставить все шесть цифр сразу. Демонстрация не отправляет код.

Автодополнение и теги

Combobox allowCustom · TagInput
файлыизображения

Выбор и перетаскивание файла

FileDropzone

Локальная проверка формата и размера. Отправка подключается в самом инструменте.

Перетащи файл сюда

PNG, JPG или WebP · до 10 МБ

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

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