🕹️

Components

Components

‣

Controls

Floating message

‣

List

‣

Navigation

Components

開發時使用的元件，讓設計師能夠快速的重複使用一致的設計。

Action Sheet

Action Sheet

是延伸功能的選單或單一功能的選項，供使用者選擇

Done

Badge

Badge

一種視覺標籤，用於表示狀態或突出特色內容

Done

Button

Button

用來執行動作，選擇樣式時需考慮按鈕的強調程度

Done

Cards

Cards

卡片是顯示單一主題內容和操作的元件

Done

Checkbox

Checkbox

一種可勾選或取消的按鈕，以進行單選或多選的操作

Done

Checkmark

Checkmark

是選單中表示單選的圖示

Done

Slider

Slider

利用拖曳的方式讓使用者調整數值的元件

Done

Toggle

Toggle

切換「開啟」和「關閉」兩種狀態的開關元件

Done

Dialog

Dialog

以彈出形式呈現，吸引用戶當下關注並閱讀

Done

Floating message

Floating message

Floating message

用來標示暫時的狀態，狀態結束後即消失

Done

Image

圖片呈現

Done

Input field

Input field

輸入欄位，主要為允許用戶輸入文字的介面呈現

Done

Audio List Item

Audio List Item

Audio List Item

使用於聲音內容的列表物件

Done

Setting List Item

Setting List Item

Setting List Item

使用於設定的列表物件

Done

Message Block

Message Block

頁面內容中出現的通知形式，較不干擾用戶使用體驗

Done

Status

Status

用來告知用戶目前頁面處於何種狀態

Done

Tab

Tab

用來將不同類型的內容分類

Done

Tag

Tag

幫助用戶快速識別物品的屬性，對其進行組織和分類

Done

Tooltips

Tooltips

指向性的文字說明

Done