Overlays

Edge aware popover

A popover that springs out of its trigger and flips or shifts to the opposite side when the side you asked for would run past the frame edge, staying glued as things scroll.

Live signals

Checkout pipeline

Scroll the strip, then reopen the panel near an edge to see it flip or shift.

Checkout

Auth

Billing

Webhooks

Queue depth

Cache hit rate

Click the highlighted chip, or press Escape to close it.

Using Edge aware popover

A popover that springs out of its trigger and flips or shifts to the opposite side when the side you asked for would run past the frame edge, staying glued as things scroll.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: side, offset, avoidCollisions, width, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1913Anchored settings popoverOverlaysA button that opens a small settings panel anchored beside it, growing from the corner nearest its trigger and flipping sides when space runs out.

1910Anchored detail popoverOverlaysA trigger button that opens a small anchored panel holding a titled settings form, growing out of the trigger's edge and closing on Escape or an outside click.

2207Pop scale panelOverlaysA popover that springs open from half size, points a small arrow back at its trigger, dims the page behind it and closes on Escape or an outside click.

1911Anchored info popoverOverlaysA trigger button that opens a small floating info panel anchored to one of its edges, fading and scaling in from that edge and dismissing on outside click or Escape.

1912Anchored popover cardOverlaysA trigger button that opens a small settings card anchored to itself, scaling in from the edge it grows out of and closing on a second click, Escape, or a press outside.

2160Grouped backdrop popoverOverlaysA popover trigger that scales open near its anchor with an optional dimmed backdrop, and closes any sibling popover in its group as soon as it opens.