UI
← Home

Popover

A non-modal floating panel anchored to a trigger. Activating the trigger opens the panel and moves focus into it; Escape or a click outside closes it and returns focus to the trigger. Unlike a dialog, the rest of the page stays interactive.

  • Axe
  • Focus
  • Escape

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/popover.json

Conformance

Verified against the @publictheta/ui-spec popover specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Escape — Escape dismisses the open overlay

See the full conformance matrix across all components.