组件
为难以手写的交互准备的 16 个导出。按用途挑选;每个页面都有实时工作台。
- MotionNumber · MotionText每一位都像滚轮一样转动的数字,包括新增或消失的位数。价格、总额、计数器、分数和计时器。数字与文本
- MotionStream以稳定节奏显示流式文本,内容成批到达时也能追上。AI 回答、日志和实时转写。数字与文本
- MotionSwap内容交叉淡入淡出,尺寸随之变化。按钮状态、图标切换、从加载中到加载完成。内容与尺寸
- MotionHeight高度跟随内容:折叠、展开和内容变化。手风琴、详情和可展开的卡片。内容与尺寸
- MotionPresence在进场和离场动画期间保持内容挂载。通知、横幅和行内消息。内容与尺寸
- MotionHighlight由数据生成的标签页、分段控件或导航,一个高亮会移动到选中项。标签页、筛选器、分段控件和导航。选择与翻页
- MotionPager由数据生成、可滑动的页面:引导页、轮播和标签面板。引导页、轮播和标签面板。选择与翻页
- MotionList由数据生成、只为变化项添加动画的列表。待办事项、信息流、搜索结果和购物车。列表
- MotionReorder拖动以对列表或网格重新排序,支持键盘。播放列表、看板和排行榜。列表
- MotionSwipe滑动显示操作按钮、并可选择滑动删除的列表行。收件箱的行和带操作的列表项。手势
- MotionHold长按以确认危险操作;提前松手会回退。删除、重置、付款、在所有设备上退出登录。手势
- MotionSheet带档位、支持快速甩动和滚动接力的底部面板、顶部面板或侧边抽屉。筛选器、菜单、详情和抽屉。浮层
- MotionZoom从原位放大到全屏的图片;拖走即可关闭。图库、商品图片和文章中的图片。浮层
- ProgressBar · ProgressRing支持不确定状态的受控进度条和进度环。上传、下载、步骤和配额。进度