Components
Action Sheet
Badge
Button
Cards‣
Dialog
Fixed Banner
Floating message
Image
Input field‣
Message Block‣
Status
Tab
Tag
TooltipsFloating message
浮動提示，用來標示暫時的狀態，狀態結束後即消失
⚡️ 相關資源：
Live Podcast 應用
Figma File
此設計未建立 Components，請參考 Live Podcast 內的設計應用
Anatomy
解構
原本的設計是置中，但想討論改成置左，因為發現有可能會在不同的狀態中切換，這樣會導致左邊的 icon 跑來跑去的，沒有一個定位點。
➊ status icon
通常為驚嘆號，提醒用戶要注意現在處於非一般狀態
➋ message
提示訊息，告知用戶現在處於什麼狀態
Behavior
行為
- 當特殊狀態發生時，會在畫面上方顯示
- 浮動訊息點擊不會有行為，用戶不可自行關閉
- 當特殊狀態解除時，浮動訊息會自動消失
Usage Guidelines
使用規範
請勿提供 CTA 按鈕讓用戶操作
Changelog
Date | Version | Notes | Chapters | Person |
|---|---|---|---|---|
March 17, 2023 | 1.20 | ・新增 floating message 草稿 | Floating message |  Paris Han |