Components

CollapsiblePanel 折叠面板

单区块渐进披露，适合高级选项与附加参数。

高级选项

统一的箭头图标会平滑旋转表示展开态，trigger-extra 插槽可在标题行右侧追加徽标。

<CollapsiblePanel v-model:open="open" title="高级网络参数">
  <div class="flex flex-wrap items-center gap-2">
    <Badge variant="soft" color="neutral">MTU 1500</Badge>
    <Badge variant="soft" color="neutral">TCP BBR</Badge>
    <Badge variant="soft" color="primary">TLS 1.3</Badge>
    <Badge variant="outline" color="neutral">GRE Tunnel: 关闭</Badge>
  </div>
</CollapsiblePanel>

API 参考

属性	类型	默认值	说明
`open`	`boolean`	`false`	v-model:open 展开态。
`title`	`string`	`—`	触发行标题。
`title / trigger-extra`	`slot`	`—`	自定义标题 / 行尾附加内容。
`disabled`	`boolean`	`false`	禁止展开。