Popover is used to reveal anchored contextual content.
tsx
import { PopoverRoot, PopoverTrigger } from "@/components/aspekt/popover";<PopoverRoot> <PopoverTrigger>Open popover</PopoverTrigger> <PopoverPortal> <PopoverPositioner> <PopoverPopup> <PopoverArrow /> <PopoverHeader> <PopoverTitle>Publish target</PopoverTitle> <PopoverDescription> Review the npm package before publishing. </PopoverDescription> </PopoverHeader> <PopoverFooter> <PopoverClose>Cancel</PopoverClose> <Button color="neutral">Publish</Button> </PopoverFooter> </PopoverPopup> </PopoverPositioner> </PopoverPortal></PopoverRoot>