SwMessage
Компонент SwMessage — модальное окно по центру (<dialog>). При открытии блокирует прокрутку страницы (body.overflow = hidden).
SwMessage is a centered modal (<dialog>). While open it locks page scroll.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
name | String | `` | Текстовый заголовок; при отсутствии — слот "header". |
class | String | `` | Пользовательский CSS-класс. |
after | String | `` | Иконка кнопки закрытия: имя из спрайта или URL. См. SwIcon. |
iconAfter | String | `` | Deprecated (удалить в major) — используйте after. |
Слоты / Slots
#header - слот для заголовка окна. Default - текст описания или модуль / модулия #footer - слот для подвала.
Модель / Model
model - состояние компонента булевое значение, при true - окно открыто, при false - закрыто.
Пример использования / Example Usage
<script setup>
import { ref } from 'vue'
const messageOpen = ref(false)
const close = 'https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/x.svg'
</script>
<sw-button type="primary" label="Открыть сообщение" @click="messageOpen = true" />
<sw-message v-model="messageOpen" name="Сообщение" :after="close">
Текст диалога. Клик снаружи закрывает окно.
<template #footer>
<sw-button type="primary" size="small" @click="messageOpen = false">OK</sw-button>
</template>
</sw-message>