Компоненты

Vueland UI находится в активной ранней разработке и пока не готова для production. Этот каталог показывает компоненты, которые уже существуют в пакете; это не завершённый UI kit.

Компоненты со статусом Stable относительно лучше задокументированы и покрыты тестами в рамках текущей ранней стадии. Этот статус не гарантирует production-ready. Остальные компоненты присутствуют в библиотеке, но их API, документация или тестовое покрытие ещё в процессе.

Разметка

Компонент

Статус

Описание

CApp

Stable

Корневая обёртка приложения. Управляет скроллом и создаёт контекст для оверлеев

CMain

Stable

Основная контентная область. Используется внутри CApp

Сетка

12-колоночная адаптивная сетка на flexbox. Брейкпоинты соответствуют стандарту Material Design и разделяются с утилитарными классами и useBreakpoints. Подробнее — в разделе Брейкпоинты.

Компонент

Статус

Описание

CRow

Stable

Flex-строка. Управляет выравниванием и отступами

CCol

Stable

Колонка с адаптивной шириной, смещением и порядком

CSpacer

Stable

Заполняет свободное место и разделяет соседние элементы

Поля формы

Компонент

Статус

Описание

CForm

Stable

Обёртка формы. Координирует валидацию всех дочерних полей

CTextField

Stable

Текстовое поле с плавающим лейблом, иконками и подсказкой

CInput

Stable

Функциональная основа всех полей. Управляет состоянием, валидацией и пресетами

CField

—

Базовая оболочка поля: лейбл, подсказка, ошибка, слот для любого контрола

CCheckbox

Stable

Чекбокс с неопределённым состоянием и лейблом

CRadio

—

Радиокнопка, обычно используется внутри группы

CSelect

Stable

Выпадающий список на основе CMenu

CAutocomplete

Stable

Поле с автодополнением и фильтрацией

CDateInput

Stable

Поле ввода даты с форматированием и валидацией

Пикеры

Компонент

Статус

Описание

CDatePicker

Stable

Календарный пикер для выбора даты

Действия

Компонент

Статус

Описание

CBtn

Stable

Кнопка с вариантами, размерами, иконками и состоянием загрузки

Контент

Компонент

Статус

Описание

CCard

Stable

Карточка с шапкой, телом и подвалом. Включает CCardHeader, CCardBody, CCardFooter

CList

Stable

Список и элементы списка. Поддерживает выбор, навигацию с клавиатуры и ARIA

CIcon

—

Рендерер иконок. Поддерживает кастомные резолверы и Font Awesome

CLabel

—

Доступный элемент лейбла

Оверлеи

Компонент

Статус

Описание

CMenu

Stable

Плавающий контейнер, позиционируемый относительно активатора. Основа для выпадающих списков, select и тултипов

CTooltip

Stable

Лёгкий тултип на основе CMenu. Следует паттерну WAI-ARIA tooltip

CDialog

—

Модальный диалог с фоном, ловушкой фокуса и блокировкой скролла

COverlay

—

Низкоуровневый примитив оверлея, используемый CMenu и CDialog

Индикаторы

Компонент

Статус

Описание

CProgressCircular

Stable

Круговой индикатор прогресса с детерминированным и indeterminate-режимами

CProgressLinear

Stable

Линейный индикатор прогресса с буфером и indeterminate-режимом