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Подпись вторичной кнопки.—
prominentPrimaryButtonbooleanОсновная кнопка с заливкой вместо контура (Figma: баннер утверждения плана).false
showPrimaryButtonbooleanПоказывать блок кнопок.false
closablebooleanПоказывать кнопку закрытия.true
closeAriaLabelstringAccessible name для кнопки закрытия.''
iconTSIconNameПереопределение иконки типа.—
avatarINotificationAvatarPropsДанные аватара при leftside="avatar".—
maxWidthstring | numberОграничение ширины.—
truncateTitlebooleanСокращать заголовок до одной строки с многоточием; иначе переносится целиком.false

События ​

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

Слоты ​

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