元件
為難以手寫的互動準備的 16 個匯出。依用途挑選;每個頁面都有即時工作台。
- MotionNumber · MotionText每一位都像滾輪一樣轉動的數字,包括新增或消失的位數。價格、總額、計數器、分數與計時器。數字與文字
- MotionStream以穩定節奏顯示串流文字,內容一次湧入時也能追上。AI 回答、紀錄與即時逐字稿。數字與文字
- MotionSwap內容交叉淡入淡出,尺寸也跟著變化。按鈕狀態、圖示切換、從載入中到載入完成。內容與尺寸
- MotionHeight高度跟著內容走:收合、展開與內容變化。手風琴、詳細資訊與可展開的卡片。內容與尺寸
- MotionPresence在進場與離場動畫期間保持內容掛載。通知、橫幅與行內訊息。內容與尺寸
- MotionHighlight由資料產生的分頁標籤、分段控制項或導覽,一個醒目標示會移到選取的項目。分頁標籤、篩選器、分段控制項與導覽。選擇與翻頁
- MotionPager由資料產生、可滑動的頁面:新手導覽、輪播與分頁面板。新手導覽、輪播與分頁面板。選擇與翻頁
- MotionList由資料產生、只為變動項目加上動畫的清單。待辦事項、動態消息、搜尋結果與購物車。清單
- MotionReorder拖曳以重新排序清單或格狀排列,支援鍵盤。播放清單、看板與排行榜。清單
- MotionSwipe滑動顯示操作按鈕、並可選擇滑動刪除的清單列。收件匣的列與附操作的清單項目。手勢
- MotionHold長按以確認危險操作;提早放開會倒轉回去。刪除、重設、付款、在所有裝置上登出。手勢
- MotionSheet有段位、支援快速甩動與捲動接力的底部面板、頂部面板或側邊抽屜。篩選器、選單、詳細資訊與抽屜。浮層
- MotionZoom從原位放大到全螢幕的圖片;拖走即可關閉。相簿、商品照片與文章中的圖片。浮層
- ProgressBar · ProgressRing支援不確定狀態的受控進度條與進度環。上傳、下載、步驟與配額。進度