组件 · 数据展示
Collapsible 折叠面板
单块内容展开/折叠。
使用建议
- 避免：与 Accordion 多面板场景混用同一模式却期望互斥
- 限制：属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准，禁止臆造
引入
tsx
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@selrux/ui/collapsible';演练场
调节下方可实现的字面量属性，实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。
代码演示
基础用法
触发器切换内容区的显示。
默认展开与禁用
defaultOpen、disabled。
初始即可见的内容。
受控与卸载
onOpenChange 接收开关变化；destroyOnHidden 收起时卸载内容。
open = false
API
属性覆盖：示例用到 3 / 3 个自有属性（100%）
由 scripts/demo-coverage.mjs 统计，不含 className / style / 原生透传属性与纯转发事件。
Collapsible
主题化折叠根。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
defaultOpen | - | boolean | - |
onOpenChange | - | ((open: boolean, details: CollapsibleChangeDetails) => void) | - |
destroyOnHidden | 关闭后是否卸载内容，默认 true。 | boolean | true |
另有 6 项原生属性与事件继承自 ，原样透传。
CollapsibleContent
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
CollapsibleTrigger
无自有属性；其余 290 项原生属性继承自 ButtonHTMLAttributes / HTMLAttributes。
导出类型：CollapsibleChangeDetails、CollapsibleContentProps、CollapsibleProps、CollapsibleTriggerProps