Tooltip 文字提示

带有箭头的文字气泡框。

  • 设计
  • 文档
  • Design Token

简介

鼠标悬停于特定对象上触发的文字提示:

  • 仅文本提示展示
  • 带有9个方向的指向性箭头

基本构成

forms 01

A.箭头气泡框

B.文本

基本样式

Tooltip支持9个方向箭头指向,使用时请确保始终指向目标元素。

styles 01

若目标元素周围有其他内容,注意避免遮挡。

颜色

U-Design预设了浅色、暗色两种颜色。

styles 02

常见问题

TooltipPopover分不清?

核心差异:提示内容是否包含操作。

Popover卡片面积更大,可容纳信息量更多;Tooltip仅用于纯文本提示场景,如需要增加操作,需使用Popover

纯文本提示

image alt
desc

包含操作,应使用Popover

image alt
desc

相关文档

  1. Popover 气泡卡片
Copyright © 2021-2022 UCloud 优刻得科技股份有限公司