Collapsible
单一展开/折叠控件——点击触发器可切换带动画的内容面板。
安装
npx @cloudflare/nimbus-docs add collapsibleyarn dlx @cloudflare/nimbus-docs add collapsiblepnpm dlx @cloudflare/nimbus-docs add collapsiblebunx @cloudflare/nimbus-docs add collapsible预览
任何内容——文本、代码、组件。容器会以动画方式展开和折叠。
<Collapsible>
<CollapsibleTrigger>里面有什么？</CollapsibleTrigger>
<CollapsibleContent>
任何内容——文本、代码、组件。容器会以动画方式展开和折叠。
</CollapsibleContent>
</Collapsible>示例
默认展开
传入 open 属性可使面板在初始渲染时处于展开状态。
面板在首次渲染时即可见。
<Collapsible open>
<CollapsibleTrigger>默认展开</CollapsibleTrigger>
<CollapsibleContent>面板在首次渲染时即可见。</CollapsibleContent>
</Collapsible>API 参考
组件接受的全部属性，均源自单一声明。
| Prop | Type |
|---|---|
open | boolean |