Documentation

Dialog

A modal dialog component for displaying content in a focused overlay.

Installation

pnpm install @rouf-dev/pantheon-ui

Usage

import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from "@rouf-dev/pantheon-ui";

export default function Example() {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button>Open Dialog</Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>Dialog Title</DialogTitle>
        </DialogHeader>
        <p>Dialog content goes here.</p>
      </DialogContent>
    </Dialog>
  );
}

📝 Full interactive examples coming soon. The Dialog component includes trigger, content, header, title, description, and footer sub-components.