"use client"
import { Button } from "@/components/ui/preskok-ui/button"
import {
Popover,
PopoverContent,
PopoverDescription,
PopoverHeader,
PopoverTitle,
} from "@/components/ui/preskok-ui/popover"
export function PopoverDemo() {
return (
<Popover>
<Button intent="outline">View Vehicle Details</Button>
<PopoverContent>
<PopoverHeader>
<PopoverTitle>2024 Toyota Camry</PopoverTitle>
<PopoverDescription>
This vehicle is available for test drive and comes with a 5-year
warranty.
</PopoverDescription>
</PopoverHeader>
</PopoverContent>
</Popover>
)
}
Installation
CLI
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add popover
Usage
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/registry/preskok/ui/preskok-ui/popover"
export function PopoverDemo() {
return (
<Popover>
<PopoverTrigger>Open</PopoverTrigger>
<PopoverContent>Content</PopoverContent>
</Popover>
)
}