展开与折叠组件版本 0.1.0

Collapsible 折叠区

控制单个辅助内容区域的展开状态，减少默认页面占用空间。

使用概览

启用请求重试与调试日志。

正在加载示例…

本地候选警告Registry 地址仅指向当前本地文档站；npm 包也只用于本地候选验证，尚未公开发布。

pnpm dlx shadcn@4.16.0 add http://127.0.0.1:3000/r/collapsible.json

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@richardqiu/quartz/collapsible";

<Collapsible defaultOpen><CollapsibleTrigger>高级设置</CollapsibleTrigger><CollapsibleContent>启用请求重试与调试日志。</CollapsibleContent></Collapsible>

默认

键盘焦点可见

已禁用

已打开

已关闭

label · textactive · boolean

属性	类型	默认值	说明
`open`	`boolean`	`false`	受控指定内容区域当前是否展开。
`onOpenChange`	`(open: boolean) => void`	`未设置`	在用户展开或收起内容时接收最新状态。