Перейти к основному содержимому
Версия: 1.26.0

sectionMessage

Используйте тег <sectionMessage>, чтобы отобразить необходимую информацию на странице в выделенной секции. Тег имеет четыре состояния: отображение общей информации, информации об ошибке, успехе и предупреждение.

Используйте атрибуты, чтобы настроить внешний вид окна, наличие кнопок и их поведение. Чтобы добавить содержание, используйте HTML как для модальных окон.

Доступные атрибуты:

АтрибутТипОбязательноОписание
messageTypeStringНетВыберите тип окна:
  • warning – окно оранжевого цвета, предназначенное для вывода предупреждений и важной информации.
    Это значение установлено по умолчанию.
  • error – окно красного цвета, предназначенное для вывода информации об ошибках.
  • info – окно голубого цвета, предназначенное для вывода общей информации.
  • success – окно зеленого цвета, предназначенное для вывода информации об успешно совершенной операции.
adaptivityStringНетУкажите размер окна по умолчанию. Возможные значения:
  • desktop – оптимальный размер тега для просмотра на компьютере. Это значение установлено по умолчанию.
  • mobile – оптимальный размер тега для просмотра на мобильном устройстве.
titleStringНетУкажите заголовок окна.
descriptionStringНетУкажите описание окна.
eventClickedPrimaryButtonFunctionНетУкажите событие, которое должно запускаться при нажатии на основную кнопку слева.
eventClickedSecondaryButtonFunctionНетУкажите событие, которое должно запускаться при нажатии на дополнительную кнопку справа.
primaryButtonTitleStringНетУкажите название основной кнопки, расположенной слева.
secondaryButtonTitleStringНетУкажите название дополнительной кнопки, расположенной справа.
isClosureIconShownBooleanНетУкажите значение false, чтобы скрыть кнопку . Значение по умолчанию: true.

Пример:

sectionMessage
<sectionmessage 
sectionMessageType='error'
title='Ошибка загрузки'
primaryButtonTitle='Закрыть'
showClosedIcon='false'
eventClickedPrimaryButton="alert(1)"
>
</sectionmessage>