Collapse 折叠面板

对信息进行分组和收纳，帮助用户有条理地阅读内容。

适用: 构化展示信息，信息太多，需要提高空间利用率等场景。

类型

手风琴

• 推荐默认展开第一列
  
• 单次仅允许一列
  

常规

• 推荐默认展开第一列
  
• 手动展开/收起所有列，不做逻辑限制
  

构成

1. 标题区：包含折叠 icon 与标题
   1. 折叠 icon：告知用户此处可折叠内容，通常位于标题区文案左侧
      
   2. 标题：对折叠内容的简短描述，文本尽量精简、表达清晰。
      
2. 内容区：该标题下的详细内容，可为文本内容或组件集。

行为

• 触发区为标题与折叠icon，折叠前后折叠icon需要同步改变
  
• 当内容展开时，折叠icon箭头向下；当内容收起时，折叠icon箭头向右

手风琴

• 折叠面板默认为全部收起或默认首项展开（推荐）
  
• 点击一个触发区展开其层级下的折叠内容。若再次点击另一个触发区，展开该层级下的折叠内容，同时上一个折叠内容收起。若折叠内容在容器中无法完全展示，可通过上下左右滑动查看全部内容。
  
• 已被展开的触发区，点击无效

常规折叠面板

• 折叠面板默认为全部收起或默认首项展开（推荐）
  
• 点击一个触发区展开其层级下的折叠内容。若再次点击另一个触发区，展开该层级下的折叠内容，上一个折叠内容不收起。若折叠内容在容器中无法完全展示，可通过上下左右滑动查看全部内容
  
• 点击已被展开的触发区，折叠内容收起