Skip to content

Диалоги

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>