Design System v4 · Feedback

env: demo · UI Kit v0.3.6

Toast

Временное уведомление. Стандартно top-right, исчезает через timeout. Триггер — JS API yc.toast({...}).

Inline preview (как выглядит):

Информация
Новый турнир через 5 минут.
Готово
Депозит зачислен.
Внимание
Сессия истекает через 1 минуту.
Ошибка
Не удалось подключиться.
Toast
Только message, без title.

Live (кнопка кладёт toast в #yc-toasts):

Banner

Глобальная плашка под header. Не путать с alert (alert внутри страницы, banner — на верхнем уровне).

Запланированы тех-работы 25 мая с 02:00 до 04:00 (MSK).
Новый сезон начался! Зарегистрируйтесь до 30 мая.
Ваш аккаунт скоро потребует верификации.
Сервер игр временно недоступен. Идёт восстановление.
Хочешь больше турниров?

Confirm Dialog

Типовой confirm — обёртка над modal.

Удалить турнир?

Это действие нельзя будет отменить.

Заблокировать игрока?

Игрок не сможет войти в систему.

Сохранить изменения?

Изменения будут применены сразу.

Message Dialog

Message box с одной кнопкой: сообщение, которое игрок обязан прочитать (не хватило фишек, приглашение отменено). Не исчезает сам — в отличие от toast. Через него показываются flash-ошибки v4-layout.

Message Dialog

Чтобы принять приглашение, нужно 500 фишек, а у вас 100. Пополнить фишки, и приглашение можно будет принять снова.

Не удалось сесть за стол

Суточный лимит игр исчерпан. Активируйте VIP-статус.

В лобби

Турнир завершён

Вы заняли 3 место. Приз начислен на счёт.

Loading Overlay

Полупрозрачная заглушка с spinner поверх контейнера. Применяется к элементу с position:relative (или класс .yc-loading-host).

Карточка с overlay
Загрузка...

Содержимое заблокировано пока грузится. Этот контент видно сквозь полупрозрачную заглушку.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Карточка без overlay (для сравнения)

Нормальный контент.

Lorem ipsum dolor sit amet.