展示
承载与呈现内容的面板、容器和状态。
Accordion折叠列表
多段内容依次展开与收起的折叠列表
Alert消息条
操作之后出现在页面内的消息条
Banner公告条
横贯页面顶部的一条公告
Calendar日历
按月展示与选择日期
Callout标注
写入内容之中的一段标注
Card卡片
承载一组内容的容器，比页面底色高出一层
Carousel轮播
支持拖拽、分组与按需自动播放的内容轮播
Collapsible折叠区域
由一个触发器控制展开与收起的区域
Empty空状态
一块区域没有内容时的占位，说明原因与下一步
Image图片
懒加载、撑住位置并在失败时回退的图片
MeterGroup占比条
以一条分段的横条表示各部分占总量的比例
MonthGrid月份日历
月份内容日历
Panel面板
带有标准标题栏的卡片，标题、计数与操作各有固定位置
Progress进度条
以横条的填充长度表示任务完成的比例
QRCode二维码
可扫描、可导出的 SVG 二维码
RangeCalendar范围日历
按月展示与选择日期区间
Result结果
一次操作完成后的结果页，成功、失败、警告或提示
RingProgress环形进度
以圆环的弧长表示任务完成的比例
Statistic统计数值
突出显示一个关键数字，附带标签与变化
Tabs标签页
在同一位置切换显示的几组内容
Timeline时间线
以相连的节点按顺序呈现事件