Media Card

对比变化前后的视觉或结果，帮助用户理解产品、服务或过程价值。

用案例摘要连接具体客户、问题、过程和结果，支持进一步阅读。

提供地点、路线、营业时间和区域上下文，支持地图之外的可访问文本路径。

用视频、动图或交互预览解释产品如何工作及其关键体验。

通过连续截图、放大预览和说明展示界面、功能或视觉成果。

嵌入来自社交平台的帖子、视频或讨论，同时控制隐私、性能和失败退化。

把社交平台上的内容、作者、时间和外链以受控方式嵌入页面。

以用户生成图片、视频或帖子形成参与感、真实感和社区证明。

用短视频展示产品、服务或操作流程，并提供字幕、摘要和替代路径。

用标签、提示、说明和错误文案帮助用户理解界面和采取行动。

用于表达人物、对象、图片、视频、文件和品牌身份的组件。

卡片级主要操作或可点击入口

承载卡片主体摘要或内容的区域

承载图片、视频或图表的媒体区域

默认状态，组件可被使用但没有额外交互反馈。

组件暂时不可操作的状态。

键盘或其他输入方式当前定位到组件的状态。

组件正在等待异步结果的状态。