SwMessage
Компонент SwMessage это выплывающее окно, центрируется по центру.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
name | String | `` | Добавляет текстовый заголовок, при отсутствии реализован слот "header". |
class | String | sw-section | Добавляет пользовательский CSS-класс к компоненту. |
after | String | `` | Иконка кнопки закрытия (при заголовке): имя из спрайта или URL. См. SwIcon. |
iconAfter | String | `` | Deprecated (удалить в major) — используйте after. |
Слоты / Slots
#header - слот для заголовка окна. Default - текст описания или модуль / модулия #footer - слот для подвала.
Модель / Model
model - состояние компонента булевое значение, при true - окно открыто, при false - закрыто.
Пример использования / Example Usage
<script>let model = false</script>
<sw-button label="Показать сообщение" type="primary" @click="model = true" />
<sw-message
v-model="model"
name="Message"
class="custom-class"
after="https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/x.svg"
>
<p>Описание / Description</p>
</sw-message>