导航
Collapsible
一个自己开合的东西。
什么时候用它
和 Accordion 的差别是算术:手风琴是一个集合,集合才能协同。只有一项的手风琴在管理一个没人读的值。
示例
default
说明
Radix Collapsible 的根节点,带类型的原样透传。
属性
这个组件没有自己的属性。
组成部分
Composed at the call site rather than configured through props, so a layout this component did not anticipate is still expressible.
CollapsibleSection
一个自己开合的东西。
和 Accordion 的差别是算术上的:手风琴是一个集合,集合才能协同——展开一个就收起另一个。可折叠块只有一处展开,没有可协同的对象。为了一项去用手风琴,你得到的是一个在管理你从不读取的值的组件。
这里的标记是尖角而不是手风琴的加号,也是刻意的:这里展开的是同一件事的更多内容,而手风琴的一行打开的是另一个独立的答案。
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| children必填 | ReactNode | — | |
| title必填 | ReactNode | 触发器上写什么。 |
同时接受 Omit<ComponentProps<typeof CollapsiblePrimitive.Root>, 'children' | 'title'> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。
再导出
Collapsible = CollapsiblePrimitive.RootRadix Collapsible 的根节点,带类型的原样透传。
键盘操作
| 按键 | 作用 |
|---|---|
| EnterSpace | 展开或收起。 |