1. Docs
  2. Components
  3. Popover

Popover

Displays rich content in a portal, triggered by a button.

Installation

Anatomy

Examples

With Arrow

API Reference

Popover.Root

PropTypeDefault
children
ReactNode
isOpen
boolean
defaultOpen
boolean
onOpenChange
function

Popover.Content

PropTypeDefault
children
ReactNode
placement
Placement
"bottom start"
offset
number
4
crossOffset
number
0
containerPadding
number
12
shouldFlip
boolean
true
isNonModal
boolean
isKeyboardDismissDisabled
boolean

Popover.Arrow

PropTypeDefault
children
ReactNode
className
string