Skip to content

提示消息

提示消息又称“工具提示”,在鼠标悬停在元素上时及时显示额外的内容。

使用方法

组件提供多种不同方向的展示方式,可以根据需求选择你要的效果。

触发方式

除了默认的鼠标悬浮展示信息外,组件也提供了点击触发的方式。

外观

指定 type 选项来更改外观类型。

选项

名称类型默认值说明
titlestringnull提示消息内容 placement?: string; // 弹出方向,可选值包括:'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end' trigger?: string; // 触发方式,可选值包括:'click' | 'hover' className?: string; // 类名 type?: string; // 外观类型,可选值包括:'primary' | 'secondary' | 'warning' | 'success' | 'danger' | 'important' | 'gray' animation?: boolean; // 是否应用淡入淡出动画 arrow?: number | number; // 箭头大小 delay?: boolean | number; // 延迟显示,可选值包括:true | false | number hideOthers?: boolean; // 显示时隐藏其他已经显示的提示消息

MIT License (MIT)