Binhlaig UI Component

Popover

Displays rich content in an accessible popup anchored to a trigger.

Installation

Initialize Binhlaig UI and install Popover using your preferred installer.

Initialize first

npx binhlaig-ui@latest init

Terminal

npx binhlaig-ui@latest add popover

Import

Import Popover primitives from your UI directory.

import {
  Popover,
  PopoverClose,
  PopoverContent,
  PopoverDescription,
  PopoverHeader,
  PopoverTitle,
  PopoverTrigger,
} from "@/components/ui/popover"

Usage

Use Popover for compact contextual content.

Form Popover

Place compact form controls inside the popover.

Open on Hover

Enable openOnHover and configure the delay.

Controlled State

Manage the open state from the parent component.

Update or Overwrite

Replace an older Popover source with the latest registry version.

npx binhlaig-ui@latest add popover --overwrite

API Reference

Main components available in the Binhlaig UI Popover.

Component	Purpose
`Popover`	Controls the open state.
`PopoverTrigger`	Opens the popover.
`PopoverContent`	Renders the positioned popup.
`PopoverHeader`	Groups title and description.
`PopoverTitle`	Accessible title.
`PopoverDescription`	Accessible description.
`PopoverClose`	Closes the popover.

Previous component

Textarea

All components