What changed?The review now includes query timings and an indexing delay estimate.
Browse components TopShort context.
RightShort context.
Bottom startShort context.
AutoOpens on the side with enough room.
Placement
Choose top, bottom, left, or right. Top and bottom also accept -start and -end. The panel flips or shifts to fit; auto chooses a side.
Popover, Tooltip, or Modal?
Use Tooltip for a short, non-interactive hint. Use Popover for nearby content or controls, and Modal when the task must block the page.
API reference: <cad-popover>
anchoranchorstring''close-labelcloseLabelstring'Close popover'dismissibledismissiblebooleantrueheadingheadingstring''offsetoffsetnumber10openopenbooleanfalseplacementplacementCadPopoverPlacement'bottom'sizesizeCadPopoverSize'md'anchorstringanchoryescloseLabelstringclose-labelnodismissiblebooleandismissibleyesheadingstringheadingnooffsetnumberoffsetnoopenbooleanopenyesplacementCadPopoverPlacementplacementyessizeCadPopoverSizesizeyescad-popover-openCustomEventFired after the popover enters the top layer.cad-popover-closeCustomEventFired after the popover closes and reports why.(default)Popover content.headingOptional visible heading. Falls back to the `heading` attribute.actionsOptional action row.actionsOptional action row.arrowDecorative pointer toward the anchor.basePopover surface.bodyMain content.close-buttonExplicit dismiss button.headerHeading and dismiss control.titleVisible heading.--cad-popover-borderPer-instance border color.--cad-popover-surfacePer-instance surface color.Accessibility
Focus enters the first action and returns to the opener on close. Escape or an outside click dismisses the panel. The trigger exposes its expanded state. Use role="menu" only for content with menu keyboard behavior.