Skip to content

FaTooltip 文字提示

简洁的文字提示组件,鼠标悬停时显示说明文字。

使用场景

  • 按钮功能说明
  • 图标含义解释
  • 表单字段提示
  • 帮助信息
  • 快捷操作提示
  • 截断文字的完整内容展示

Props

属性类型默认值说明
textstring''提示文字内容
delaynumber300延迟显示时间(毫秒)
side'top' | 'right' | 'bottom' | 'left'-弹出方向
align'start' | 'center' | 'end'-对齐方式
disabledbooleanfalse是否禁用提示

Slots

名称说明
default触发元素(必填)
content自定义提示内容

注意事项

  1. 必需插槽:必须提供 default slot 作为触发元素
  2. 延迟显示:默认 300ms 延迟,避免鼠标快速划过时误触发
  3. 自动定位:组件会自动调整位置避免超出视口
  4. 内容简洁:提示内容应简短明了,复杂内容建议使用 FaPopover