Documentation
Dialog
A modal dialog component for displaying content in a focused overlay.
Installation
pnpm install @rouf-dev/pantheon-uiUsage
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.