Atelier UI

搜索组件…

搜索组件…

Alert Dialog

警示对话框:用于需要确认的危险操作,不可点击遮罩关闭,默认聚焦取消按钮。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

AlertDialogProps

属性类型默认值说明
open* 必填boolean——
onOpenChange* 必填(open: boolean) => void——
title* 必填React.ReactNode——
description* 必填React.ReactNode——
cancelLabelstring"Cancel"—
actionLabelstring"Continue"—
destructivebooleanfalseStyle the action as destructive
iconReact.ReactNode—Optional icon shown above the title
onAction() => void——

安装

$ npx shadcn@latest add https://chromotion.dev/r/alert-dialog.json

同类组件