CoreAlert

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Уведомление внутри контента: статус операции, предупреждение, ошибка. Цвет задаёт тон, иконка подставляется сама; заголовок — проп title, текст — слот. Полностью статичен.

Семантические цвета

Готово

Изменения сохранены.

Внимание

Заполните обязательные поля перед отправкой.

Ошибка

Не удалось связаться с сервером.

Варианты поверхности

Справка

Рамка без заливки — для длинных пояснений.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.

MDC

Уведомление внутри контента: статус операции, предупреждение, ошибка. Цвет задаёт тон, иконка подставляется сама; заголовок — проп `title`, текст — слот. Полностью статичен.

### Семантические цвета

::div{.flex.flex-wrap.gap-2}
  ::core-alert{color="success" title="Готово"}
  Изменения сохранены.
  ::

  ::core-alert{color="warning" title="Внимание"}
  Заполните обязательные поля перед отправкой.
  ::

  ::core-alert{color="danger" title="Ошибка"}
  Не удалось связаться с сервером.
  ::
::

### Варианты поверхности

::core-alert{color="info" variant="outline" title="Справка"}
Рамка без заливки — для длинных пояснений.
::