Тема
SToast
Обзор
Presentational toast с обводкой и тенью для overlay.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Props
Billing vertical
Billing-тип с вертикальными кнопками.
Длинный заголовок
По умолчанию заголовок выводится целиком и переносится на несколько строк.
Сокращение заголовка
truncateTitle возвращает старое поведение: одна строка с многоточием.
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
type | ENotificationType | Семантический тип оформления. | info-accent |
layout | ENotificationLayout | Горизонтальный или вертикальный layout. | horizontal |
leftside | ENotificationLeftside | Иконка или аватар слева. | icon |
title обязательный | string | Заголовок. | |
description | string | Текст описания. | — |
linkText | string | Текст ссылки под описанием. | — |
primaryButtonText | string | Подпись основной кнопки. | — |
secondaryButtonText | string | Подпись вторичной кнопки. | — |
showPrimaryButton | boolean | Показывать блок кнопок. | false |
closable | boolean | Показывать кнопку закрытия. | true |
closeAriaLabel | string | Accessible name для кнопки закрытия. | '' |
icon | TSIconName | Переопределение иконки типа. | — |
avatar | INotificationAvatarProps | Данные аватара при leftside="avatar". | — |
width | string | number | Ширина toast. | 360 |
truncateTitle | boolean | Сокращать заголовок до одной строки с многоточием; иначе переносится целиком. | false |
События
| Имя | Описание | Payload |
|---|---|---|
close | Пользователь закрыл toast. | — |
linkClick | Клик по ссылке. | — |
primaryAction | Клик по основной кнопке. | — |
secondaryAction | Клик по вторичной кнопке. | — |
Слоты
| Имя | Описание |
|---|---|
title | Заголовок toast |
description | Текст описания |