浮层

确认弹窗

由 Dialog、Button 和 Badge 组合成的危险操作确认弹窗。

预览

这里展示的源码与 shadcn 从生成 JSON 安装的源码一致。

安装

构建 registry 并启动开发服务后，在消费项目中运行这条命令。

安装命令pnpm dlx shadcn@latest add http://localhost:3000/r/confirm-dialog.json

源码与依赖

安装前可以确认组件源码路径、registry 依赖和 npm 依赖。

源码路径registry/default/confirm-dialog/confirm-dialog.tsx

Registry 依赖

badgebuttondialog

NPM 依赖

lucide-react