跳到正文
GitHub

导航

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 的差别是算术上的:手风琴是一个集合,集合才能协同——展开一个就收起另一个。可折叠块只有一处展开,没有可协同的对象。为了一项去用手风琴,你得到的是一个在管理你从不读取的值的组件。

这里的标记是尖角而不是手风琴的加号,也是刻意的:这里展开的是同一件事的更多内容,而手风琴的一行打开的是另一个独立的答案。

CollapsibleSection props
属性类型默认值说明
children必填ReactNode
title必填ReactNode触发器上写什么。

同时接受 Omit<ComponentProps<typeof CollapsiblePrimitive.Root>, 'children' | 'title'> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。

再导出

Collapsible = CollapsiblePrimitive.Root

Radix Collapsible 的根节点,带类型的原样透传。

键盘操作

Collapsible keyboard interactions
按键作用
EnterSpace展开或收起。