Popover 弹出气泡

01 组件类型

在 Stackblitz 中打开

02 组件样式

在 Stackblitz 中打开

气泡弹出方向

在 Stackblitz 中打开

Popover Props

名称类型默认值描述必传
closeOnClickOutsideBooleantrue是否在点击外部元素后关闭菜单N
contentString / Slot / Function-确认框内容。TS 类型:string \| TNode通用类型定义N
defaultString / Slot / Function-触发元素,同 triggerElement。TS 类型:string \| TNode通用类型定义N
placementStringtop浮层出现位置。可选项:top/left/right/bottom/top-left/top-right/bottom-left/bottom-right/left-top/left-bottom/right-top/right-bottomN
showArrowBooleantrue是否显示浮层箭头N
themeStringdark弹出气泡主题。。可选项:dark/light/brand/success/warning/errorN
triggerElementString / Slot / Function-触发元素。TS 类型:string \| TNode通用类型定义N
visibleBoolean-是否显示气泡确认框。支持语法糖 v-modelv-model:visibleN
onVisibleChangeFunctionTS 类型:(visible: boolean) => void
确认框显示或隐藏时触发
N

Popover Events

名称参数描述
visible-change(visible: boolean)确认框显示或隐藏时触发

CSS Variables

组件提供了下列 CSS 变量,可用于自定义样式。

名称默认值描述
--td-popover-padding12px-