Skip to content

SBanner

Обзор

Статичный inline-баннер внутри контейнера с контентом.

Usage

API

Краткий справочник props, slots и events — см. API Reference.

Guide

Props

С кнопками

Вертикальный layout с primary и secondary action.

API Reference

Свойства

ИмяТипОписаниеПо умолчанию
typeENotificationTypeСемантический тип оформления.info-accent
layoutENotificationLayoutГоризонтальный или вертикальный layout.horizontal
leftsideENotificationLeftsideИконка или аватар слева.icon
elevatedbooleanПриподнятый баннер: обводка в цвет типа, тень и радиус 8px (блок апгрейда в сайдбаре).false
title обязательныйstringЗаголовок.
descriptionstringТекст описания.
linkTextstringТекст ссылки под описанием.
linkIconRightTSIconNameИконка справа от текста ссылки.
primaryButtonTextstringПодпись основной кнопки.
secondaryButtonTextstringПодпись вторичной кнопки.
showPrimaryButtonbooleanПоказывать блок кнопок.false
closablebooleanПоказывать кнопку закрытия.true
closeAriaLabelstringAccessible name для кнопки закрытия.''
iconTSIconNameПереопределение иконки типа.
avatarINotificationAvatarPropsДанные аватара при leftside="avatar".
maxWidthstring | numberОграничение ширины.
truncateTitlebooleanСокращать заголовок до одной строки с многоточием; иначе переносится целиком.false

События

ИмяОписаниеPayload
closeПользователь закрыл баннер.
linkClickКлик по ссылке.
primaryActionКлик по основной кнопке.
secondaryActionКлик по вторичной кнопке.

Слоты

ИмяОписание
titleЗаголовок баннера
descriptionТекст описания