Popover

Rich content on demand: click to pin, positioned with flip and clamping, Escape to dismiss.

Example

<Popover label="Storage details" placement="bottom">
  <Button slot="trigger" variant="secondary" data-ink-popover-trigger>Details</Button>
  <p><strong>42 GB</strong> of 100 GB used.</p>
</Popover>

Props

Prop	Type	Default	Description
`label`	`string`	-	Panel landmark name.
`placement`	`top \| bottom \| left \| right`	`bottom`	Preferred side; flips when cramped.

Trigger contract

The trigger carries slot="trigger" anddata-ink-popover-trigger; the script setsaria-expanded itself.

Accessibility

Panel is plain content, not modal: Tab moves in and out freely.
Escape closes and returns focus; outside clicks close quietly.