Dialog

Use for blocking confirmation, editing flows, and detail views

Dialog is for modal interactions that temporarily block the current context.

Import

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

Basic Example

Loading preview…

Key Exports

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

Usage Notes

  • Do not omit DialogTitle
  • Prefer Sheet when the content is long or panel-like
  • Use showCloseButton={false} if you need to disable the built-in close button