Components
Loading preview...
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
npx shadcn@latest add https://21st.dev/r/shadcn/dialogimport { Button } from "@/components/ui/button";
import {
Dialog,
DialogClose,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
function Content() {
return (
<Dialog>
<DialogTrigger asChild>
<Button variant="outline">Only Content</Button>
</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>Please login again.</DialogTitle>
</DialogHeader>
<p className="text-muted-foreground">
Your session has expired. Please login again to continue using the
application.
</p>
<DialogFooter>
<DialogClose asChild>
<Button type="button" variant="outline">
Cancel
</Button>
</DialogClose>
<Button type="submit">Login</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
}
export { Content }