VibeUI
РусEng
Войти
Всё1182Кнопка75Поле ввода32Список выбора33Карточка23Таблица21Диалог14Вкладки14Плашка25Аватар32Всплывающее сообщение25Автодополнение15Аккордеон14Баннер15Блок кода31Ввод кода11Ввод тегов10Всплывающая панель14Выбор даты13Выдвижная панель11Выпадающее меню22График29Группа кнопок57Группа переключателей19Группа полей40Дерево11Диалог подтверждения14Диапазон7Загрузка файлов8Индикатор ожидания13Индикатор прогресса9Календарь30Календарь событий5Карточка по наведению8Карусель19Каскадный выбор20Клавиша6Кнопка-переключатель15Командное меню15Контекстное меню10Лента событий13Меню навигации7Мокап устройства9Навигация по прокрутке7Нативный список7Оценка9Переключатели20Переключатель16Перетаскивание8Плитка с иконкой17Подпись поля13Подсказка17Поле с подсказками27Поле суммы7Поле телефона9Поле формы12Ползунок12Постраничная навигация16Пропорции кадра8Пустое состояние20Разделитель6Сворачиваемый блок9Скелетон загрузки10Спарклайн5Стопка иконок6Строка списка12Уведомление20Фильтры12Флажок23Хлебные крошки15Числовое поле9Шаги16

Плашка

25 компонентов

  • Что не так с компонентом?

    Плашка состояния (Status Badge)

    • badge
    • status
    • label

  • Что не так с компонентом?

    Плашка с заливкой (Solid Tone Badge)

    • badge
    • tone
    • status

  • Что не так с компонентом?

    Плашка со счётчиком (Count Badge)

    • badge
    • counter
    • notification

  • Что не так с компонентом?

    Точка-маркер (Marker Dot)

    • badge
    • dot
    • notification

  • Что не так с компонентом?

    Удаляемый чип (Removable Chip)

    • badge
    • chip
    • filter

  • Что не так с компонентом?

    Плашка этапа (Stage Badge)

    • badge
    • stage
    • workflow

  • Что не так с компонентом?

    Плашка динамики (Trend Badge)

    • badge
    • trend
    • metrics

  • Что не так с компонентом?

    Плашка версии (Version Badge)

    • badge
    • version
    • release

  • Что не так с компонентом?

    Строка тегов (Tag Row)

    • badge
    • tags
    • overflow

  • Что не так с компонентом?

    Плашка приоритета (Priority Badge)

    • badge
    • priority
    • a11y

  • Что не так с компонентом?

    Чипы фильтров (Filter Chips)

    • badge
    • filter
    • toggle

  • Что не так с компонентом?

    Плашка «в работе» (Working Badge)

    • badge
    • loading
    • status

  • Что не так с компонентом?

    Плашка с иконкой (Icon Badge)

    • badge
    • icon
    • status

  • Что не так с компонентом?

    Контурная плашка (Outline Badge)

    • badge
    • outline
    • hue

  • Что не так с компонентом?

    Шкала размеров (Size Scale)

    • badge
    • size
    • scale

  • Что не так с компонентом?

    Плашка-ссылка (Link Badge)

    • badge
    • link
    • external

  • Что не так с компонентом?

    Пульс новинки (New Pulse)

    • badge
    • new
    • pulse

  • Что не так с компонентом?

    Плашка в углу (Corner Slot)

    • badge
    • slot
    • overlay

  • Что не так с компонентом?

    Плашка тарифа (Plan Badge)

    • badge
    • plan
    • pricing

  • Что не так с компонентом?

    Плашка срока (Expiry Badge)

    • badge
    • expiry
    • deadline

  • Что не так с компонентом?

    Плашка окружения (Env Badge)

    • badge
    • environment
    • shape

  • Что не так с компонентом?

    Составной счётчик (Split Counter)

    • badge
    • counter
    • unread

  • Что не так с компонентом?

    Плашка с обрезкой (Truncating Badge)

    • badge
    • truncate
    • overflow

  • Что не так с компонентом?

    Группа с переполнением (Overflow Group)

    • badge
    • group
    • overflow

  • Что не так с компонентом?

    Плашка «ключ — значение» (Key Value Badge)

    • badge
    • key-value
    • metadata