Диалоги
ts
import { Dialog, DialogHeader, DialogContent, DialogFooter } from '@rynt/sdk';| Компонент | Описание |
|---|---|
Dialog | Модальное окно. Управляется через open prop |
DialogHeader | Шапка диалога: заголовок, кнопка закрытия |
DialogContent | Тело диалога |
DialogFooter | Подвал диалога (обычно кнопки действий) |
vue
<template>
<Dialog :open="isOpen" @close="isOpen = false">
<DialogHeader title="Заголовок" />
<DialogContent>
<p>Содержимое</p>
</DialogContent>
<DialogFooter>
<Button variant="primary" @click="onSave">Сохранить</Button>
<Button variant="ghost" @click="isOpen = false">Отмена</Button>
</DialogFooter>
</Dialog>
</template>