Alert

Типы

Информация

Обычное информационное сообщение.

Успех

Действие выполнено успешно.

Внимание

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

Ошибка

Что-то пошло не так.

Нейтральное

Без акцентного цвета.

С иконкой и закрытием

Информация

Закрываемое сообщение.

Готово

Можно закрыть.

Кастомные слоты

Внимание!

Произошло что-то важное. Обратите внимание.

Входные параметры

Имя	Тип	По умолчанию	Описание
`title`	`string`	`undefined`	Заголовок сообщения.
`description`	`string`	`undefined`	Описание сообщения.
`type`	`'info' \| 'success' \| 'warning' \| 'error' \| 'neutral'`	`'info'`	Тип сообщения, определяет цвет и role.
`icon`	`boolean`	`false`	Показывает иконку (слот `icon`).
`iconName`	`string`	`undefined`	Имя иконки из реестра или сырой SVG-код.
`closable`	`boolean`	`false`	Показывает кнопку закрытия.

События

close — без payload. Срабатывает при нажатии на кнопку закрытия.

Описание

Компонент C3Alert отображает информационное сообщение: заголовок, описание, опциональную иконку и кнопку закрытия. Предназначен для вывода уведомлений внутри контента — результатов операций, предупреждений и ошибок.

Для использования задайте title и description, при необходимости включите icon и closable. При закрытии сообщение скрывается локальным состоянием и эмитит событие close.

Дополнительная информация

Слоты:

default — описание (заменяет description).
title — заголовок (заменяет title).
icon — содержимое иконки (по умолчанию — иконка из реестра по iconName).

Доступность и поведение:

Для типов error и warning устанавливается role="alert", для остальных — role="status".
Иконка скрыта от скринридеров атрибутом aria-hidden="true".
Кнопка закрытия имеет aria-label="Закрыть сообщение".