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

View

Code

Controlled

`triggerRef` is important if you want to control the popover.

View

Code

Without Arrow

View

Code

Placement

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

View

Code

Popover Trigger

View

Code