Banner

Типы

Информация

Баннер уровня страницы.

Успех

Всё сохранено.

Закрываемый баннер

Обновление

Доступна новая версия.

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

ИмяТипПо умолчаниюОписание
titlestringundefinedЗаголовок баннера.
descriptionstringundefinedОписание баннера.
type'info' | 'success' | 'warning' | 'error''info'Тип баннера, определяет цвет и role.
iconbooleanfalseПоказывает иконку (слот icon).
iconNamestringundefinedИмя иконки из реестра или сырой SVG-код.
closablebooleanfalseПоказывает кнопку закрытия.

События

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

Описание

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

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

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

Слоты:

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

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

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