Components
Loading preview...
A popover is an overlay element positioned relative to a trigger.
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/popover-1import { Button } from "@/components/ui/button-1"
import {
Popover,
PopoverDialog,
PopoverTrigger,
} from "@/components/ui/popover-1"
export default function PopoverOffset() {
return (
<PopoverTrigger>
<Button variant="outline">Offset</Button>
<Popover offset={50}>
<PopoverDialog>Offset by an additional 50px.</PopoverDialog>
</Popover>
</PopoverTrigger>
)
}