Dialog

Zero-radius modal with glass surface, matching the Omni dashboard system. Includes uppercase heading, description, and action footer.

Dialog component

Usage Example

Trigger launches the glass dialog with mono headline and stacked actions.

Installation

pnpm dlx shadcn@latest add @omni/dialog

Usage

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

<Dialog>
  <DialogTrigger>Open</DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>INSTANCE</DialogTitle>
      <DialogDescription>Provision a new compute target.</DialogDescription>
    </DialogHeader>
    <DialogFooter>
      <Button variant="muted">Cancel</Button>
      <Button>Launch</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>