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	禁止展开。