---
title: Collapse 折叠面板
description: 用于对复杂区域进行分组和隐藏 常用于订单信息展示等
spline: base
isComponent: true
toc: false
---

### 基础用法

通过 `value` 控制展开的面板列表，支持 `v-model` 或 `v-model:value`

{{ base }}

### 手风琴模式

通过 `expandMutex` 可以设置为手风琴模式，最多展开一个面板，此时 `value` 为字符串格式。

{{ accordion }}

### 禁用状态

通过 `disabled` 属性来禁用单个面板。

{{ disabled }}

### 自定义折叠面板

**expandIcon**: 当前折叠面板展开图标，支持`Boolean`、`Slot`、`Function`<br/>
**headerRightContent**: 面板头的右侧区域，一般用于呈现面板操作。<br/>

{{ custom }}
