Toast
Компактне сповіщення із заголовком, описом і кнопкою закриття.
Використання
Довідник API
VoltToastClose — volt-toast-close
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| Вихід | Тип |
|---|---|
| closeChange | void |
VoltToastDescription — volt-toast-description
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltToastTitle — volt-toast-title
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltToast — volt-toast
| Вхід | Тип | За замовчуванням |
|---|---|---|
| variant | ToastVariants['variant'] | 'default' |
| class | string | '' |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| variant | default | success | error | warning | info | default |
Код компонента
Встановити через CLI:
npx @voltui/cli add toastTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/toast.