Resinen
Overlay

Popover

stableclientradix popover

Extra content anchored to a control, without blocking the page. For a decision that must be made now, use Dialog.

Default

<Popover trigger={<Button>Filter charts</Button>}>
  <Stack gap={3}>…</Stack>
</Popover>

Props

PropTypeDefaultDescription
trigger*ReactNode—What opens it.
side"top" | "right" | "bottom" | "left""bottom"Preferred side. Flips if there's no room.
align"start" | "center" | "end""start"Alignment along that side.

Accessibility

Collision padding keeps it inside the viewport, so it never opens off-screen.

Escape closes and returns focus to the trigger.