Диалог

Dialog предоставляет доступные слоты заголовка, описания, прокручиваемого содержимого и действий, управляет фокусом, политикой закрытия и очисткой состояния. ConfirmDialog добавляет настраиваемые действия подтверждения и отмены, загрузку и destructive-тон.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

"use client";

import { Button, ConfirmDialog } from "denjs-ui";
import { useState } from "react";

export function Example() {
  const [open, setOpen] = useState(false);

  return (
    <>
      <Button onClick={() => setOpen(true)}>Open confirmation</Button>
      <ConfirmDialog
        open={open}
        onOpenChange={setOpen}
        title="Deploy this release?"
        description="The build will be promoted to production."
        confirmLabel="Deploy"
        cancelLabel="Cancel"
        onConfirm={() => undefined}
      />
    </>
  );
}