Popover Wrapper

PopoverWrapper is available at @hoag/ui/common/overlays/popover-wrapper.

Installation

pnpm --filter @hoag/ui build

Usage

import { PopoverWrapper } from "@hoag/ui/popover-wrapper";
import { Button } from "@hoag/ui/components/button";
 
<PopoverWrapper
  trigger={<Button variant="outline">Open popover</Button>}
  title="Filter"
  description="Adjust filter options"
  side="bottom"
  align="start"
>
  <div>Popover content</div>
</PopoverWrapper>;

API Reference

Prop	Type	Description
`trigger`	`ReactNode`	Trigger node to open popover.
`title` / `description`	`string`	Optional header text.
`side` / `align`	position options	Popover placement controls.
`autoHeight` / `height`	`boolean` / `string`	Content sizing behavior.
`preventAutoFocus` / `preventInputClose`	`boolean`	Focus + close behavior controls.

Alert Dialog Wrapper Chip