Overlay

Popover

Anchored floating panel. Built on bits-ui's Popover — positioning, focus management, ESC, and click-outside come from the headless layer.

Examples

<Popover>
  {#snippet trigger(props)}<Button>Open popover</Button>{/snippet}
  <p style="margin:0;">Anchored panel content.</p>
</Popover>

<Popover side="right">
  {#snippet trigger(props)}<Button variant="outline">→ Right</Button>{/snippet}
  Side-anchored
</Popover>

<Popover align="start">
  {#snippet trigger(props)}<Button variant="ghost">Aligned to start</Button>{/snippet}
  …
</Popover>

Prop	Type	Default	Description
`open`	`boolean`	`false`	Bindable open state.
`side`	`'top' \| 'right' \| 'bottom' \| 'left'`	`'bottom'`	Edge of the trigger to anchor the panel.
`align`	`'start' \| 'center' \| 'end'`	`'center'`	Cross-axis alignment.
`sideOffset`	`number`	`6`	Gap (px) between trigger and panel.
`trigger`	`Snippet`	`—`	The element that opens the popover when clicked.
`children`	`Snippet`	`—`	Panel content.

CLI

npm install bits-ui
npx @a3tai/mittsu add popover