Elements

参考

文字提示 Tooltip

Tooltip:工具提示。它是最小的浮层:一小块紧凑的墨色内容在锚点上方淡入。部件:Root、Trigger、Positioner、Content、Arrow、ArrowTip。

Trigger · Arrow · ArrowTip · Positioner · Content

#ArrowTip

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#Arrow

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#Content

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#Positioner

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#Root

属性类型默认值描述
aria-labelstringtooltip 的自定义标签
closeDelaynumber500tooltip 的关闭延迟
closeOnClickbooleantrue点击时是否关闭 tooltip
closeOnEscapebooleantrue按 Escape 时是否关闭 tooltip
closeOnPointerDownbooleantruepointerdown 时是否关闭 tooltip
closeOnScrollbooleantrue滚动时是否关闭 tooltip
defaultOpenbooleantooltip 渲染时的初始打开状态;不需要控制打开状态时使用
defaultTriggerValuestring | null触发器的初始值;不需要控制触发器值时使用
disabledbooleantooltip 是否禁用
idstring组件内部状态机的唯一标识
idsPartial<{ trigger: string; content: string; arrow: string; positioner: string; }>tooltip 各元素的 id,适合组合使用
interactivebooleanfalsetooltip 内容是否可交互;此模式下,悬停内容时 tooltip 保持打开,参见 https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus
openbooleantooltip 的受控打开状态
openDelaynumber1000tooltip 的打开延迟
positioningtooltip.PositioningOptionspopover 内容的定位选项
triggerValuestring | null当前打开 tooltip 的触发器值
事件载荷
exitComplete—
openChangedetails: OpenChangeDetails
update:openopen: boolean
triggerValueChangedetails: TriggerValueChangeDetails
update:triggerValuetriggerValue: string | null

#Trigger

属性类型默认值描述
valuestring标识该触发器的值