Components
Loading preview...
Here is Dialog component
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/dialog-2"use client"
import { Heading } from "react-aria-components"
import { Button } from "@/components/ui/button-1"
import {
Popover,
PopoverDialog,
PopoverTrigger,
} from "@/components/ui/popover-1"
export default function DialogPopover() {
return (
<PopoverTrigger>
<Button variant="outline">Open popover</Button>
<Popover className="w-80">
<PopoverDialog className="space-y-2">
<Heading
className="text-lg font-semibold leading-none tracking-tight"
slot="title"
>
Help
</Heading>
<p className="text-sm text-muted-foreground">
For help accessing your account, please contact support.
</p>
</PopoverDialog>
</Popover>
</PopoverTrigger>
)
}