展示

承载与呈现内容的面板、容器和状态。

Accordion 折叠列表

多段内容依次展开与收起的折叠列表

Alert 消息条

操作之后出现在页面内的消息条

Banner 公告条

横贯页面顶部的一条公告

Calendar 日历

按月展示与选择日期

Callout 标注

写入内容之中的一段标注

Card 卡片

承载一组内容的容器,比页面底色高出一层

Carousel 轮播

支持拖拽、分组与按需自动播放的内容轮播

Collapsible 折叠区域

由一个触发器控制展开与收起的区域

Empty 空状态

一块区域没有内容时的占位,说明原因与下一步

Image 图片

懒加载、撑住位置并在失败时回退的图片

MeterGroup 占比条

以一条分段的横条表示各部分占总量的比例

MonthGrid 月份日历

月份内容日历

Panel 面板

带有标准标题栏的卡片,标题、计数与操作各有固定位置

Progress 进度条

以横条的填充长度表示任务完成的比例

QRCode 二维码

可扫描、可导出的 SVG 二维码

RangeCalendar 范围日历

按月展示与选择日期区间

Result 结果

一次操作完成后的结果页,成功、失败、警告或提示

RingProgress 环形进度

以圆环的弧长表示任务完成的比例

Statistic 统计数值

突出显示一个关键数字,附带标签与变化

Tabs 标签页

在同一位置切换显示的几组内容

Timeline 时间线

以相连的节点按顺序呈现事件