复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
ModalDialogProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"dialog">, "open" | "title">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| open* 必填 | boolean | — | — |
| onOpenChange* 必填 | (open: boolean) => void | — | — |
| title* 必填 | React.ReactNode | — | — |
| description | React.ReactNode | — | — |
| footer | React.ReactNode | — | Buttons along the bottom edge |
| size | "sm" | "md" | "lg" | "md" | — |
| dismissible | boolean | true | Clicking the dimmed backdrop closes the dialog |
| showClose | boolean | true | — |
安装
$ npx shadcn@latest add https://chromotion.dev/r/modal-dialog.json命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。