---
category: Components
subtitle: 文字提示
type: 数据展示
title: Tooltip
cover: https://gw.alipayobjects.com/zos/alicdn/Vyyeu8jq2/Tooltp.svg
---

鼠标悬停、聚焦或点击在某个组件时，弹出的文字提示。

## 设计规范
字体大小 12px，字体颜色#FFFFFF；提示框在内容的基础上留有适当的边距，建议左右边距为 8px，单行高度默认为 32px,上下边距 6px;同一业务内建议采用统一的尺寸。
底色#000000，75%；

## 何时使用

- 展示简短的帮助性信息：当用户不理解一个 UI 元素，或想要获得更多信息时，文字提示能展示相关联的更多帮助性信息
- 增强交互的确定感：当用户与界面进行交互时，文字提示能够帮助用户增强对所交互元素效果的确定感（如按钮的操作提示）；
- 页面位置有限时：当页面位置有限时，一些 UI 元素需要以简化的形式出现（如单独的图标），或者文字省略，使用文字提示能够更好的帮助用户理解信息。

注意：
- 不要将完成任务所需的重要信息放在文字气泡内，重要的信息不应隐藏，应当始终直接展示在页面中；
- 文字气泡不应承载可交互的操作信息。当需要展示操作时，可考虑使用气泡卡片。