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

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

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

0.4 · 14 разделов

Выбор значений

Выбор одного, нескольких или непрерывного значения.

Состав раздела · 14
  • Checkbox / CheckboxGroup
  • RadioGroup · радио и радиогруппа
  • Switch · переключатель
  • Select · выпадающий список
  • MultiSelect · множественный выбор
  • Combobox · выбор с поиском
  • SegmentedControl · сегменты
  • Slider · слайдер
  • RangeSlider · диапазон
  • DatePicker · дата
  • DateRangePicker · период
  • TimePicker · время
  • Rating · рейтинг
  • ColorPicker · цвет

Независимый и единственный выбор

CheckboxGroup · RadioGroup · Switch
Категории
Основная категория

Списки и сегменты

Select · MultiSelect · Combobox · SegmentedControl
Быстрый выбор

Можно выбрать один доступный вариант

Станет доступен после предыдущего шага

Нет доступных категорий. Измени условия поиска.

Числовые значения и рейтинг

Slider · RangeSlider · Rating · ColorPicker
64%
Диапазон значений
20
80
Оценка примера
#A8C9EC

Дата, период и время

DatePicker · DateRangePicker · TimePicker

Календарь и выбор времени в стиле Fibra. Дату можно ввести вручную в формате ДД.ММ.ГГГГ; время — в 24-часовом формате.

Формат: ДД.ММ.ГГГГ. Alt и стрелка вниз открывают выбор.

Ручной ввод или выбор в календаре

Формат: ЧЧ:ММ, 24 часа. Alt и стрелка вниз открывают выбор.

Часы и минуты, шаг 5 минут

Период
Формат: ДД.ММ.ГГГГ. Alt и стрелка вниз открывают выбор.
Формат: ДД.ММ.ГГГГ. Alt и стрелка вниз открывают выбор.
Формат: ДД.ММ.ГГГГ. Alt и стрелка вниз открывают выбор.

С 3 по 20 ноября 2026 года

Формат: ДД.ММ.ГГГГ. Alt и стрелка вниз открывают выбор.

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

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