跳转到内容

Popover 气泡卡片

何时使用

当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户的操作行为进行展现。

Tooltip 的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容,比如链接或按钮等。

代码演示

基本

loading

三种触发方式

loading

位置

loading

箭头展示

loading

贴边偏移

loading

从浮层内关闭

loading

悬停点击弹出窗口

loading

API

参数说明类型默认值版本
content卡片内容VNode | () => VNode-
title卡片标题VNode | () => VNode-

注意

请确保 Popover 的子元素能接受 onMouseEnteronMouseLeaveonFocusonClick 事件。

基于 MIT 许可发布