Tooltip 文字提示

2022-05-10, Helen

# 標題 內容
1 Status 數據展示
2 Zeplin https://zpl.io/2GP6L03
3 Ant Design https://ant.design/components/tooltip-cn/
4 Web #
5 App #

定義

簡單的文字提示氣泡框。

何時使用

當需要針對特定詞彙多做解釋時，可使用氣泡框乘載文字加以說明，且氣泡框裡不會有複雜的說明與操作。

位置

卡片、卡片標題、或表格內。

規則

  1. Hover 過去即出現，離開即消失。
  2. 通常文字提示都會搭配與問號圖示一起出現。

類型

  1. 目前僅 2 有種樣式，一個是向右出現的 Tooltip ，一個是向上出現的 Tooltip。
  2. 進一步說明數字總數中細項時，使用向右出現的 Tooltip（例：https://zpl.io/z8lndvG ）， 解釋名詞含義時，使用向上出現的 Tooltip（例：https://zpl.io/bW8vo87）。