KasyKasy

Popover

Live preview and documentation for the Popover component.

Preview

componentPreview.loading

About

A panel that opens next to the clicked control, like a native menu, without dimming the whole screen. Present it with showKasyPopover, passing the trigger's BuildContext — no LayerLink needed at the call site.

  • placement: the side it opens toward — bottom (default), top, left, or right. Each side flips to the opposite one when space is tight.
  • align: cross-axis alignment (for top/bottom) — start, end, or center.
  • width: fixed panel width (default 220).
  • gap: distance between the panel and the trigger (default 6).
  • builder: builds the panel's raw content; KasyPopoverSurface (the radius/border/shadow chrome) is applied automatically.

Closes on outside tap or Esc; always respects the viewport margins. It's the foundation used by KasyMenu in its popover presentation.

Last updated on 08/23/2026

On this page