可展开项

可展开项微型卡片

可展开项允许应用在屏幕上以更小的空间容纳高密度内容。当您希望保持应用界面简洁，同时又允许用户快速访问更多内容时，请使用此组件。使用此组件可让用户执行以下操作：

• 显示更多列表项（微型卡片、卡片）
• 显示更多文本

展开列表
该微型卡片必须居中对齐。

A. 标签
标签文本可以自定义。默认值为“显示更多”。

B. 容器
按钮必须包含容器边框。

C. 展开图标
默认图标是向下的小箭头（chevron），可以对其进行自定义或移除。对于从左到右 (LTR) 的语言环境，图标右对齐；对于从右到左 (RTL) 的语言环境，图标左对齐。

展开文本
该微型卡片必须居中对齐。

A. 标签
标签文本可以自定义。默认值为“更多”。

B. 容器
该按钮有两种变体：带轮廓和不带轮廓。

C. 展开图标
默认图标是向下的小箭头（chevron），可以对其进行自定义或移除。对于从左到右 (LTR) 的语言环境，图标右对齐；对于从右到左 (RTL) 的语言环境，图标左对齐。

展开列表

点击该微型卡片即可展开并显示列表中的更多项目。展开操作带有动画效果，以流畅的动作隐藏“显示更多”文本并显示其他项目。您可以自定义折叠状态下显示的项目数量。建议的项目数量为三个。

展开文本

点击该微型卡片即可展开并显示更多文本。展开操作带有动画效果，以流畅的动作隐藏“更多”文本并显示其他内容。您可以自定义折叠状态下显示的文本行数。建议的行数为八行。

点击区域包括整个文本区域，而不仅仅是按钮部分。

展开列表

图标尺寸：20 dp x 20 dp
图标颜色：On Surface
高度：32 dp
宽度：根据文本和语言而变化
描边：1 dp
标签样式：Caption 1
标签颜色：On Surface

展开文本

图标尺寸：20 dp x 20 dp
图标颜色：On Surface
高度：32 dp
宽度：根据文本和语言而变化
描边：0 或 1 dp
填充：无
标签样式：Caption 1
标签颜色：On Surface

对于可展开项组件的列表变体和文本变体，微型卡片应具有以下内边距值

• 顶部内边距：8 dp
• 底部内边距：16 dp