States 狀態
概述
狀態是指介面元件在不同情境下呈現的不同外觀或行為。狀態的變化通常由使用者互動觸發，例如滑鼠懸停、點擊、獲得焦點等；也可能由系統事件觸發，例如載入中、錯誤、成功等。 AUO
Design System 的狀態規範旨在確保所有元件在不同狀態下都能提供清晰、一致且易於理解的視覺回饋，提升使用者體驗。
狀態類型
一般狀態 (General States)
幾乎所有介面元件都可能具有的狀態，常見如下：
![]()
- 預設狀態 (Default)：元件的初始狀態，沒有任何互動或事件觸發。
- 滑鼠懸停 (Hover)：滑鼠游標懸停在元件上。
- 焦點 (Focus)：元件獲得鍵盤焦點。
- 禁用 (Disable)：元件無法互動的狀態。
特定狀態 (Specific States)
這些狀態是只有某些類型的元件才具有的，例如：
![]()
- 選取 (Selected)：適用於可選取的元件，例如單選按鈕、複選框、下拉式選單等。
- 啟用 (Active)：適用於具有啟用狀態的元件，例如標籤頁、導航項目等。
- 拖曳 (Drag)：適用於可拖曳的元件，例如檔案、圖片等。
- 載入中 (Loading)：適用於需要載入數據或執行操作的元件，例如進度條等。
- 成功 (Success)：適用於顯示操作結果的元件，例如表單、訊息提示等。
- 警告 (Warning)：適用於顯示警告訊息的元件，例如輸入框、彈窗等。
- 錯誤 (Error)：適用於顯示錯誤訊息的元件，例如表單、輸入框等。
