Перейти к содержимому
← Все компонентыОбратная связь

CoreAlert

Примеры использования и документация.

Уведомление, которое система подаёт вежливо или настойчиво: статус операции, предупреждение формы, ошибка сети. Семантический цвет задаёт тон с первого взгляда — иконка подставляется сама (success/warning/error), а live-роль выбирается по важности: danger объявляется мгновенно (role="alert"), остальные — не перебивая (role="status").

Три поверхности: soft — нежная заливка цветом, outline — рамка без заливки, solid — сплошной цвет с автоматическим контрастным текстом (пара --alert-rgb/--alert-cfg — единый паттерн core, любой токен работает со всеми состояниями). Шорткат title и слоты icon/title/default собирают композицию; dismissible добавляет крест с событием dismiss — имя кнопки локализовано (coreAlert.close), точечный override — dismissAriaLabel.

flow — фирменный перелив рамки: градиент дополняет семантику цвета, не заменяя её; пара цветов — --alert-flow-a/-b, полная замена картинки — --alert-flow-image; при prefers-reduced-motion градиент статичен.

Готово

Объявление опубликовано.

Проверьте данные

Укажите телефон — покупатели не смогут связаться.

Инфо

Публикация бесплатна до конца месяца.

С потоком

Переливающаяся рамка поверх варианта — семантика цвета остаётся.

Закрываемая

Эту плашку можно закрыть крестом.