Skip to content

Dialog

A modal window over the page content. Composed from focused subcomponents.

Dialog

Installation

pnpm dlx shadcn@latest add @sortui/dialog

Usage

import {
  Dialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogOverlay,
  DialogPortal,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

Examples

Settings

Schedule report

Upgrade plan

Welcome

Review transfer

Scrollable content

In a form

No close button

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access