Backstage
    Preparing search index...

    Variable PopoverConst

    Popover: ForwardRefExoticComponent<PopoverProps & RefAttributes<HTMLDivElement>> = ...

    A popover component built on React Aria Components that displays floating content anchored to a trigger element.

    The Popover component supports multiple placements (top, right, bottom, left), automatic viewport-constrained scrolling, and conditional arrow rendering. It automatically handles positioning, collision detection, and ARIA attributes for accessibility. Content is automatically padded and scrollable when it exceeds available space.

    Basic usage with DialogTrigger:

    <DialogTrigger>
      <Button>Open Popover</Button>
      <Popover>
        <Text>Popover content</Text>
      </Popover>
    </DialogTrigger>

    With custom placement and no arrow:

    <DialogTrigger>
      <Button>Open</Button>
      <Popover placement="right" hideArrow>
        <Text>Content without arrow</Text>
      </Popover>
    </DialogTrigger>

    Settings

    Member Visibility