---
title: Collapse 折叠面板
description: 可以将较多或较复杂的内容进行分组，分组内容区可以折叠展开或隐藏。
isComponent: true
usage: { title: "", description: "" }
spline: data
author: 肖恒
---

### 基础用法

折叠面板由`l-collapse`和`l-collapse-panel`组成，可通过`l-collapse-panel`自定义面板内容。

{{ base }}

## 手风琴模式

折叠面板默认可打开多个，通过`expandMutex`可设置每次只能打开一个面板。

{{ expandMutex }}

## 面板边框

默认情况下面板都有一个边框，通过`borderless`可设置不显示边框。

{{ borderless }}

## 展开图标

通过`expandIcon`可自定义展开图标的样式，值为 undefined 或 false 则不显示展开图标；值为 true 显示默认图标；值类型为函数，
则表示完全自定义展开图标，通过`expandIconPlacement`还可设置展开图标的位置，可选：`left`，`right`。

{{ icon }}
