KvalityUI

ConfirmDialog

Готовый диалог подтверждения опасного действия.

Живой код — редактируйте
function Example() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button variant="destructive" onClick={() => setOpen(true)}>
        Удалить проект
      </Button>
      <ConfirmDialog
        open={open}
        onOpenChange={setOpen}
        title="Удалить проект?"
        description="Заявки и настройки будут удалены без возможности восстановления."
        onConfirm={() => setOpen(false)}
      />
    </>
  );
}

render(<Example />);

Пропсы

Prop

Type

On this page