Skip to main content

Popover()

Popover(__namedParameters): Element

Popover - A floating content container positioned relative to a trigger element

Provides accessible popover functionality with flexible positioning and content organization. Perfect for contextual information, menus, or supplementary content that appears on demand without interrupting the user's workflow.

Parameters​

__namedParameters​

PopoverProps

Returns​

Element

Examples​

// Basic popover
<Popover>
  <PopoverTrigger>
    <Button>Show Info</Button>
  </PopoverTrigger>
  <PopoverContent>
    <PopoverBody>
      <p>Additional information appears here</p>
    </PopoverBody>
  </PopoverContent>
</Popover>
// Popover with title and actions
<Popover placement="top">
  <PopoverTrigger>
    <Button>Options</Button>
  </PopoverTrigger>
  <PopoverContent>
    <PopoverTitle>Quick Actions</PopoverTitle>
    <PopoverBody>
      <Button>Edit</Button>
      <Button>Delete</Button>
    </PopoverBody>
  </PopoverContent>
</Popover>