Popover
Floating panels anchored to a trigger for forms and details.
With form field
A popover containing a labelled input to edit a value.
About card
A popover surfacing summary details about an item.
Delete confirmation
A popover confirming a destructive delete action.
Feedback
A popover with a quick feedback form.
Filter
A popover housing filter controls for a list or table.
Search
A popover with a search field and results.
Notifications
A popover listing recent notifications.
API reference
A floating panel anchored to a trigger: PopoverContent can hold a header (title + description) and a close button.
Full props on Base UI PopoverAnatomy
Popover | Root managing the popover's open state. |
PopoverTrigger | Element that toggles the popover on click. |
PopoverContent | Portalled, positioned popup panel. |
PopoverClose | Button that closes the popover. |
PopoverHeader | Div stacking the title and description. |
PopoverTitle | Accessible heading for the popover. |
PopoverDescription | Muted supporting text. |