提示消息
提示消息又称“工具提示”,在鼠标悬停在元素上时及时显示额外的内容。
使用方法
组件提供多种不同方向的展示方式,可以根据需求选择你要的效果。
触发方式
除了默认的鼠标悬浮展示信息外,组件也提供了点击触发的方式。
外观
指定 type
选项来更改外观类型。
选项
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
title | string | null | 提示消息内容 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; // 显示时隐藏其他已经显示的提示消息 |