Components

Popover

A non-modal panel with interactive content, anchored to the button that opens it.

28 October 2026

Added

First version: a non-modal panel on Base UI Popover.
trigger, title, description, children, side, align, size, arrow, modal, open, defaultOpen, onOpenChange; Popover.Close.
motion.popover; popover-width-* and popover-padding component tokens.
The part prop types are exported: PopoverCloseProps.
A Large story for size="lg".
Glass material: under a glass Provider this surface turns glass; material="solid" keeps it solid.

Changed

Shared overlay surface: raised fill, the border-overlay hairline and a shadow.
Corner radius is 10 px (popover-radius).
The distance to the trigger comes from the shared popup-offset token (4 px) in every popup.