---
category: Components
subtitle: 折叠面板
type: 数据展示
title: Collapse
cols: 1
---

用于将复杂的内容区域分组和隐藏，可折叠或展开，默认可以展开多个面板，也可以只展开某几个面板。

## 设计规范
单列面板默认高度40px,一级面板背景色#FFFFFF，边框颜色1px/#EBECF0,字体颜色14px/#3D446E;二级面板距离边缘40px,背景色#F9F9FA，边框颜色1px/#EBECF0,字体颜色14px/#3D446E；里层内容背景色#FFFFFF，边框颜色1px/#EBECF0;边缘线之间重叠；

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-collapse-light-bg  | 浅色背景上，显示深色控件   | 浅色背景(仅暗黑主题下使用)   |