xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

Popover

Click/mouse into the element to pop up a bubble-like card overlay.

Examples

Basic

Basic

Closed from within the floating layer

Use open to control the closing of the floating layer.

Properties

For more parameters, please refer to Popper properties

PropertyDescriptionTypeDefaultRequire
contentContentReact.ReactNode-true
titleTitleReact.ReactNode-false
popupContainerSpecify the parent container of the pop-up boxstring | HTMLElement | (() => string | HTMLElement)() => document.bodyfalse
classNamePop-up box class namestring-false
hideArrowShow arrowboolean-false
Examples
Basic
Closed from within the floating layer
Properties
Copyright © 2020-2021 Rhys Xia