---
url: /components/basic/FaCollapsible.md
---
# FaCollapsible 折叠面板

可折叠的内容面板，支持展开/收起动画。

## 使用场景

* FAQ 问答列表
* 手风琴菜单
* 可展开的详情区域
* 目录折叠
* 高级筛选条件展开

## Props

### Model

| 名称 | 类型 | 说明 |
|------|------|------|
| `modelValue` | `boolean` | 展开/收起状态（支持 v-model） |

## Slots

| 名称 | 说明 |
|------|------|
| `trigger` | 触发元素，slot props: `{ open: boolean }` |
| `default` | 可折叠的内容 |

## 注意事项

1. **触发器可选**：不提供 `trigger` slot 时，仅渲染可折叠内容
2. **动画效果**：展开/收起时有平滑的高度动画
3. **状态同步**：通过 `v-model` 双向绑定控制展开状态
4. **内容要求**：折叠内容应该有明确的高度，避免嵌套复杂布局