Tooltip 工具提示
概述
工具提示（以下以 Tooltip 代稱）是一種提供額外資訊的元件，以簡短的文字形式出現，用於解釋、說明或提供上下文。Tooltip
在使用者主動觸發（例如懸停或點擊）的情況下出現，在不佔用太多螢幕空間的情況下，為使用者提供即時且有用的資訊。
使用時機
Tooltip 常用於以下情況：
- 圖示或元件的說明：當圖標或元件的含義不夠明顯時，可以使用 Tooltip 解釋功能、定義或操作方式。
- 縮寫或術語的解釋：當介面中出現縮寫或專業術語時，可以使用 Tooltip 提供全名解釋。
- 圖示按鈕的快捷鍵：提示使用者可以使用哪些快捷鍵來觸發該按鈕的功能。
使用規範
當您取用 Tooltip 元件進行設計時，應考慮以下原則：
- 内容簡潔：使用簡潔、指令性的文字。
- 觸發方式明確：
- 桌面端：使用滑鼠懸停（Hover）觸發。
- 移動端：使用長按（Long Press）或點擊（Tap）觸發。
- 位置適當：Tooltip 應出現在目標元件附近，避免遮擋其他重要內容。
- 注意:以下情況不適合使用 Tooltip 元件：
- 重要的錯誤訊息或警告。
- 大量資訊或複雜的解決方案。
- 需要使用者長時間閱讀或記住的資訊。
- 提供給使用者完成任務所需的必要訊息。
設計範例
![]()
- 目標元件（Target Element）：觸發 Tooltip 顯示的元件，例如按鈕、圖標、文字連結等。
- 容器（Container）：包含輔助文字的容器。
- 輔助文字（Supporting Text）：呈現給使用者的資訊。
- 箭頭（Arrow）：指向目標元件的箭頭，用於指示 Tooltip 的來源。
