Popover
Popover is a Chord overlay component built from Base UI primitives and project tokens.
Popover
import Button from "@/components/public/Button";import { Popover } from "@/components/public/Popover";<Popover.Root> <Popover.Trigger render={<Button variant="secondary">Details</Button>} /> <Popover.Portal> <Popover.Positioner sideOffset={6}> <Popover.Popup> <Popover.Arrow /> <Popover.Title>Connected workspace</Popover.Title> <Popover.Description> Changes sync to everyone in this project in real time. </Popover.Description> </Popover.Popup> </Popover.Positioner> </Popover.Portal></Popover.Root>