HQ UI
Home
Components
Getting Started
Introduction
Installation
Client Side Routing
MCP Server
LLMs
Framework Guides
Nextjs
Laravel
Tanstack Start
Vite
Components
Buttons
Button
File Trigger
Toggle
Toggle Group
Charts
Chart
Collections
Accordion
Collapsible
Dropdown Menu
Grid List
Item
List Box
Table
Tag Group
Tree
Colors
Color
Controls
Command
Kbd
Slider
Switch
Toolbar
Date And Time
Calendar
Date Field
Date Picker
Date Range Picker
Range Calendar
Time Field
Drag And Drop
Drop Zone
Forms
Checkbox
Combo Box
Field
Input
Input OTP
Number Field
Radio
Search Field
Select
Text Field
Layouts
Container
Navbar
Sidebar
Media
Avatar
Carousel
Navigation
Breadcrumbs
Link
Pagination
Tabs
Overlays
Dialog
Drawer
Popover
Sheet
Tooltip
Statuses
Alert
Badge
Empty
Meter
Progress
Skeleton
Sonner
Surfaces
Card
Separator
Search...
⌘
K
Toggle Navbar
HQ UI
Popover
A popover is an overlay element positioned relative to a trigger.
Popover
Copy page
Open in
Drawer
Sheet
Installation
CLI
Manual
npx shadcn@latest add
https://hq-ui.vercel.app/r/popover
Blocks
popover-01
Ratings & reviews
popover-02
Dimensions
popover-03
Pricing details
popover-04
Volume control
popover-05
About Shadcn Studio
popover-06
Download File
popover-07
Delete File
popover-08
Feedback
popover-09
Filter
popover-10
Search users
popover-11
Notifications
popover-12
About Himalayas
popover-13
Slide-in from left
popover-14
Slide-in from bottom
popover-15
Zoom in
Drawer
Sheet
On this page
Installation
Blocks
On this page
Installation
Blocks