Popover

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

DrawerSheet

Installation

npx shadcn add https://hq-ui.vercel.app/r/nova/popover

Preview

Examples

Basic

A simple popover with a header, title, and description.

popover-basic

Side

Use the placement prop on PopoverContent to control the side.

popover-alignments

With Form

A popover with form fields inside.

popover-form
Drawer
Sheet