Сообщения могут быть с разным типом и временем показа. Могут иметь футер с кнопками.
Свойства
| Имя | Тип | по умолчанию | Значения/Описание |
|---|---|---|---|
| class | String | sw-alert | Добавляет пользовательский CSS-класс к компоненту. |
| size | String | `` | Размер сообщения: 'large', 'small'. |
| type | String | info | Тип сообщения: 'primary', 'success', 'info', 'warning', 'danger'. |
| message | String | Сообщение | Само сообщение. |
| duration | Number | 600 | Время отображения в миллисекундах. |
| before | String | `` | Название svg в спрайте загружаемое в начале. |
| after | String | `` | Название svg в спрайте загружаемое в конце. |
Пример использования
// .js addons
import { Alert } from "@studio-west/component-sw"
Alert({message: 'Message', type: 'danger', duration:10000, before:'bell'})
// Composition API else <script setup>:
import {inject} from "vue"
const Alert = inject('Alert')
Alert({message: 'Alarm!', type: 'warning'})
//Options API:
this.$Alert({message: 'Welcome!', type: 'success'});