Документация

Шаблоны

Готовые экраны продукта, собранные только из компонентов Vega UI. Откройте, попробуйте, скопируйте код.

Настройки аккаунта
Форма профиля с проверкой, переключатели уведомлений и опасная зона с диалогом подтверждения.Alert · Avatar · Dialog · Switch · TextArea · TextField
Оформление заказа
Контакты и адрес доставки, выбор страны, способы доставки и состав заказа с живыми итогами.Alert · Fieldset · PhoneField · Radio · Select · Table · TextField
Бронирование
Даты проживания с занятыми ночами, счётчик гостей, расчёт цены и шторка подтверждения.Alert · Badge · Calendar · DateRangeField · NumberField · Popover · Sheet · TextArea · TextField
Таблица заказов
Поиск, фильтры по статусу и периоду, таблица с пагинацией и пустым состоянием.Badge · Pagination · SegmentedControl · Select · Table · TextField
Онбординг
Настройка рабочего пространства в три шага: прогресс, проверка на каждом шаге и итоговый шаг.Alert · Checkbox · Fieldset · Progress · Radio · TextArea · TextField
Вход
Почта и пароль с ошибками, затем шаг с кодом двухфакторной защиты.Alert · Checkbox · PasswordField · PinField · TextField
Участники команды
Участники с ролями, диалог приглашения с проверкой каждого адреса, ожидающие приглашения и занятые места.Avatar · AvatarStack · Badge · Dialog · Meter · Select · Table · TextArea
Оплата
Смена тарифа с ценами за месяц и за год, счётчики использования, форма карты, счета и отмена подписки.Alert · Badge · Dialog · Link · Meter · MeterStack · Radio · SegmentedControl · Table · TextField
Аналитика
Переключатель периода управляет карточками метрик, источниками трафика, конверсией, тепловой картой и топом страниц.Badge · DataGrid · MeterStack · Progress · SegmentedControl · Table
Входящие
Двухпанельные входящие поддержки: фильтры, список диалогов с клавиатуры, назначение и ответы.Avatar · Badge · Listbox · SegmentedControl · Select · TextArea
Центр помощи
Живой поиск по статьям, популярные темы, вопросы по разделам, статус систем и форма обращения.Accordion · Alert · Badge · Collapsible · Select · TextArea · TextField
Страница товара
Галерея с полноэкранным просмотром, образцы цвета, размеры с распроданным вариантом, количество и подробности.Accordion · Alert · Badge · Dialog · Fieldset · NumberField · PageControl · Radio · SegmentedControl · Sheet · SnapScroller
Доступность
Сетка часов на неделю с выбором мышью и клавиатурой, пресеты, часовой пояс и даты-исключения.Alert · Calendar · DataGridSelectable · DateField · Popover · Select · Switch
Запись на встречу
Длительность встречи, день и время, контактные данные и добавление события в календарь.Avatar · Calendar · SegmentedControl · Select · TextArea · TextField
Командный чат
Каналы и личные сообщения со счётчиками непрочитанного, сгруппированные сообщения, реакции, ответы, индикатор набора и растущее поле ввода.Avatar · AvatarStack · Badge · Code · Drawer · Link · Listbox · TextArea · TextField
Тарифы
Тарифы с ценами за месяц и за год, калькулятор по местам, полная таблица сравнения возможностей, вопросы и контакт для крупных компаний.Accordion · Alert · Badge · Dialog · NumberField · SegmentedControl · Table · TextArea · TextField
Опрос о продукте
Пошаговый опрос: шкала NPS, ползунок удовлетворённости, карточки выбора, свободный ответ, проверка ответов и экран благодарности.Alert · Checkbox · CheckboxCard · Fieldset · Progress · Radio · SegmentedControl · Slider · TextArea · TextField
Поиск путешествий
Подсказки направлений, даты и путешественники, затем рейсы с фильтрами по цене, пересадкам, авиакомпаниям и времени, сортировкой и пустым состоянием.Badge · Calendar · Checkbox · DateRangeField · Fieldset · NumberField · Option · Popover · SegmentedControl · Select · Sheet · Slider · TextField
Палитра команд
Оболочка приложения с палитрой по ⌘K: команды по группам с сочетаниями клавиш, нечёткий поиск с подсветкой, вложенная страница темы и результат на месте.Alert · Avatar · Badge · Dialog · Option · TextField
Доска задач
Доска спринта с четырьмя колонками, фильтрами по исполнителю и поиском, перемещением карточек кнопками или с клавиатуры и диалогом новой задачи с проверкой.Avatar · Badge · Calendar · Checkbox · Collapsible · DateField · Dialog · Fieldset · Popover · Progress · Select · TextArea · TextField
Файловый менеджер
Папки с хлебными крошками, загрузка, вид списком и сеткой, сортируемая таблица с выбором нескольких файлов, перемещение, переименование, удаление, доступ по ссылке и занятое место.Avatar · Checkbox · Dialog · Link · Meter · Popover · SegmentedControl · Select · Switch · Table · TextField
Уведомления
Колокольчик со счётчиком непрочитанного открывает центр уведомлений с фильтрами и одобрением запросов, а ниже — каналы доставки, пауза, тихие часы и сохранение.Alert · Avatar · Badge · Checkbox · Link · Popover · SegmentedControl · Select · Switch · Table · TimeField
Безопасность
Смена пароля с индикатором надёжности, настройка двухфакторной защиты с QR-кодом и кодами восстановления, ключи доступа, активные сеансы и оповещения о входе.Alert · Badge · Checkbox · Code · Dialog · Meter · PasswordField · PinField · Radio · Switch · Table · TextField