Dialog

用于阻断式确认、编辑弹窗和详情查看

Dialog 用于需要暂时打断当前上下文的弹窗场景。

导入

import {
  Dialog,
  DialogTrigger,
  DialogContent,
  DialogHeader,
  DialogTitle,
  DialogDescription,
  DialogFooter,
  Button,
} from "@downcity/ui";

最小示例

Loading preview…

关键导出

  • Dialog
  • DialogTrigger
  • DialogPortal
  • DialogClose
  • DialogOverlay
  • DialogContent
  • DialogHeader
  • DialogFooter
  • DialogTitle
  • DialogDescription

使用建议

  • DialogTitle 不要省略
  • 内容很多时优先换成 Sheet
  • 关闭按钮可通过 showCloseButton={false} 关闭

继续阅读