AlertDialog
确认无法撤销的操作:说明操作内容与后果,并可要求输入文字确认。
<AlertDialog
trigger={<Button variant="danger-secondary">Delete key</Button>}
title="Delete this key?"
description="Applications using checkout-web will stop authenticating with the gateway."
confirmLabel="Delete key"
onConfirm={() => new Promise((r) => setTimeout(r, 900))}
/>import { AlertDialog } from "@logicplanes/kaeso-ui";属性
cancelLabelstring默认为 LocaleProvider 语言中的“取消”。
confirmLabelstring确认按钮的文字,由动词和对象组成:“删除密钥”。
confirmTextstring输入确认:输入这段文字后才能确认。
defaultOpenboolean非受控时,是否初始为打开状态。
descriptionReactNode实际产生的后果。
inlineboolean直接就地渲染,不带触发器,用于检查页面和测试。
loadingboolean操作进行时在确认按钮上显示加载指示(传入 Promise 时自动显示)。
onConfirm() => void | Promise<void>确认操作时调用;返回一个 Promise,可让对话框在其结束前保持忙碌状态。Promise 完成时对话框关闭,被拒绝时保持打开以便重试,此时请用 toast 显示错误。
onOpenChange((open: boolean) => void)打开或关闭时调用。
openboolean受控时,是否处于打开状态。
titleReactNode说明操作:“删除此密钥?”
tone"warning" | "danger" | "info"确认的严重程度;无法撤销的操作使用
danger。triggerReactElement<unknown, string | JSXElementConstructor<any>>打开它的元素。