Действия

Button

Основное действие интерфейса в текстовом и иконочном режимах.

Ввод данных

Calendar

Календарный слой для выбора одной даты, периода и событийных сценариев.

DateInput

Поле даты с выпадающим календарём и режимами одной даты или периода.

Checkbox

Двоичный выбор для форм и настроек.

ColorPicker

Компактный выбор цвета через swatch, popover, HEX и пресеты.

DragList

Перестановка элементов списком через перетаскивание.

Input

Универсальное текстовое поле с подписью, очисткой и счетчиком.

NumberInput

Числовое поле в том же визуальном каркасе, что и Input.

Select

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

RadioGroup

Выбор одного значения из набора опций.

Switch

Переключатель включено/выключено для быстрых настроек.

Tag

Метка с подписью, выбираемым состоянием, удалением и несколькими размерами.

Textarea

Многострочное поле с изменяемым размером, очисткой и счетчиком.

Слои

Drawer

Выдвижная мобильная панель на Vaul Svelte для фильтров, форм и действий.

Tooltip

Легковесная подсказка при наведении.

Modal

Модальное окно на базе Bits UI Dialog с шапкой, содержимым, футером и закрытием.

Popover

Плавающий слой контента, привязанный к триггеру.

Макет

Divider

Разделитель для визуальной группировки контента.

Pagination

Навигация по страницам с быстрым переходом к номеру страницы.

PageHeader

Шапка рабочей страницы с заголовком, возвратом, центральным блоком и действиями.

Resizable

Изменяемый размер контейнера с ручкой перетаскивания.

Sidebar

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

ScrollArea

Кастомная область прокрутки на базе Bits UI.

Tabs

Составные вкладки на базе Bits UI для переключения связанных панелей контента.

Table

Универсальная таблица с сортировкой, итоговыми строками и выделением.

Обратная связь

Alert

Информирование пользователя о состоянии или ошибках.

EmptyState

Пустые, ошибочные и итоговые состояния для списков, таблиц и рабочих экранов.

Graph

Карточка графика на Chart.js с заголовком, областной линией и настраиваемой осью.

Toast

Всплывающие уведомления поверх интерфейса без сдвига разметки.

Indicator

Малый акцентный маркер состояния.

Loader

Анимированная индикация фоновой загрузки.

Skeleton

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

Типографика

Description

Вспомогательный текст и пояснения к полям и блокам.

Icon

Системный SVG-иконсет с размерами и единым API.

Label

Подписи для полей и управляющих элементов.

Title