Skip to content

Обзор ​

Compact UI — ESM-first библиотека из 26 Vue 3 компонентов с TypeScript API, доступными состояниями и темами без отдельного runtime.

Ввод и действия ​

КомпонентНазначение
UiButtonДействия и loading
UiInputСтроковые и числовые поля
UiDataTableТаблицы с сортировкой, фильтрами и пагинацией
UiTextareaМногострочный ввод
UiSelectОдиночный/множественный выбор и поиск
UiCheckboxBoolean и indeterminate
UiRadioRadio-группы
UiSwitchПереключение настроек

Навигация и disclosure ​

КомпонентНазначение
UiAccordionРаскрывающиеся разделы
UiBreadcrumbНавигационная цепочка
UiPaginationПостраничная навигация
UiTabsПереключаемые панели
UiDropdownMenuМеню действий

Feedback и представление ​

КомпонентНазначение
UiBadgeМетки и статусы
UiAlertСообщения в потоке страницы
UiToastОчередь уведомлений
UiProgressProgress indicator
UiSpinnerКомпактное ожидание
UiSkeletonPlaceholder контента
UiEmptyStateПустые состояния
UiAvatarИзображение и инициалы пользователя

Layout и overlay ​

КомпонентНазначение
UiCardСемантический контейнер
UiDividerРазделитель контента
UiDialogМодальный сценарий
UiPopoverИнтерактивная панель
UiTooltipКороткая подсказка

Технические свойства ​

  • Vue >=3.5.0 <4, Node.js >=24 для разработки.
  • ESM-only, Vue остаётся peer dependency.
  • Root/direct imports и отдельный CSS entry.
  • SSR guards, logical CSS properties для RTL, reduced motion и keyboard-first поведение.
  • Локализация через UiConfigProvider; уведомления через UiToastProvider.
  • Props-таблицы документации генерируются из TypeScript source of truth.

Границы ​

В библиотеке нет набора иконок, шрифтов, remote search, virtualization и validation engine. Данные, бизнес-правила и ошибки остаются в приложении.