Tooltip 文字提示

当用户与被说明对象(文字,图片,输入框等)发生交互行为的action开始时, 即刻跟随动作出现一种辅助或帮助的提示信息。

构成

Stop Profit and Stop Loss Instructions

2

1

1: 气泡框

承载文字的容器,让文字能够更清晰的展示。

2.文案

简单的描述性文字,作为目标元素的辅助信息。

类型/变体

使用场景

Tips Information

Tooltip

交互

TooltipTooltipTooltipTooltipTooltipTooltipTooltipTooltipToolti

pTooltipTooltipTooltipTooltipTooltipTooltipTooltipTooltipToolti

pTooltipTooltip

Tips Information

补充

鼠标悬停或键盘聚焦在目标元素上时,文字气泡立即出现;

鼠标或键盘移出目标元素时,文字气泡立即消失。

标注

多语言

تلميحات الأدوات، معلومات، نصائح، معلومات

نصائح، معلومات، نصائح، نصائح فيتلميحات الأدوات، معلومات، نصائح، معلومات

نصائح، معلومات، نصائح، نصائح في

Tips Information

说明

最大宽:360px

自动换行

RTL

TooltipTips InformationTips Information

Tips InformationTips InformationTips In

LTR

تلميحات الأدوات، معلومات، نصائح، معلومات

نصائح، معلومات، نصائح، نصائح في

RTL

用法

Tooltip

Tips Information

正确

TooltipTooltipTooltipTooltipTooltip

share

Tips Information

错误

展示可交互信息:文字气泡不应承载可交互的操作信息。当需要展示操作时,可考虑使用气泡卡片(Popover)。

用法

Tooltip

Tips Information

正确

Share

share

错误

展示重复或多余的信息:当目标元素含义显而易见时,无需再使用文字气泡。不应在文字气泡中展示与其目标元素重复的信息



气泡提示
悬浮提示
提示框
悬浮框
信息气泡

DESIGN

中文