Popover
A floating card anchored to a trigger, built on the Base UI `Popover` primitive.
A floating card anchored to a trigger, built on the Base UI Popover primitive.
tsx
import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger,} from "@celestia-project/ui/primitive/popover"import { Button } from "@celestia-project/ui/primitive/button"
<Popover> <PopoverTrigger render={<Button variant="outline" />}>Open Popover</PopoverTrigger> <PopoverContent className="w-64"> <PopoverHeader> <PopoverTitle>Dimensions</PopoverTitle> <PopoverDescription>Set the dimensions for the layer.</PopoverDescription> </PopoverHeader> {/* content */} </PopoverContent></Popover>