Popover

Scroll down to test background scroll lock

Scroll this page to the bottom, then open the popover above. The background should not scroll while the popover is open.

Section 1

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 2

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 3

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 4

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 5

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 6

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 7

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 8

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 9

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Section 10

This is placeholder content to make the page scrollable. When a popover is open with modal=true, background scrolling should be disabled.

Floating overlay anchored to a trigger element. Supports hover, click, focus, and manual positioning.

API Reference

<Popover> extends PopoverProps
All props inherited from PopoverProps.
<Popover.CloseTrigger> extends PopoverCloseTriggerProps
All props inherited from PopoverCloseTriggerProps.
<Popover.Content> extends PopoverContentProps
All props inherited from PopoverContentProps.
<Popover.Description> extends PopoverDescriptionProps
All props inherited from PopoverDescriptionProps.
<Popover.Positioner> extends PopoverPositionerProps
All props inherited from PopoverPositionerProps.
<Popover.Title> extends PopoverTitleProps
All props inherited from PopoverTitleProps.
<Popover.Trigger> extends PopoverTriggerProps
All props inherited from PopoverTriggerProps.