PopoverBasic() — ui Function Reference

Architecture documentation for the PopoverBasic() function in popover-basic.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ PopoverBasic() — ui Function Reference

Dependency Diagram

graph TD
  850b4cf7_b9e6_643f_4d40_b2ac63b58bc9["PopoverBasic()"]
  13a21e68_e9e8_246d_a326_05c20af4f0ba["popover-basic.tsx"]
  850b4cf7_b9e6_643f_4d40_b2ac63b58bc9 -->|defined in| 13a21e68_e9e8_246d_a326_05c20af4f0ba
  style 850b4cf7_b9e6_643f_4d40_b2ac63b58bc9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/popover-basic.tsx lines 11–29

export function PopoverBasic() {
  return (
    <>
      <Popover>
        <PopoverTrigger render={<Button variant="outline" className="w-fit" />}>
          Open Popover
        </PopoverTrigger>
        <PopoverContent align="start">
          <PopoverHeader>
            <PopoverTitle>Dimensions</PopoverTitle>
            <PopoverDescription>
              Set the dimensions for the layer.
            </PopoverDescription>
          </PopoverHeader>
        </PopoverContent>
      </Popover>
    </>
  )
}