Popover

A popover is an overlay element positioned relative to a trigger.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add popover

Basic

Preview

Code

Controlled

triggerRef is important if you want to control the popover.

Preview

Code

Without Arrow

Preview

Code

Placement

unless you set the respectScreen to false, Placement has no effect if you use small screen devices.

Preview

Code

Popover Trigger

Preview

Code