Collapsible

可展开的行，箭头在 180ms 内旋转，高度动画经过测量；Accordion 将它们组合在一起。

<div className="w-480">
      <Collapsible title="Advanced" hint="2 settings">
        <p className="text-body text-fg-secondary">Timeout overrides and the egress dialect.</p>
      </Collapsible>
    </div>

import { Collapsible, Accordion } from "@logicplanes/kaeso-ui";

属性

children
ReactNode
打开时显示的内容。
defaultOpen
boolean
非受控时，是否初始为打开状态。
hint
ReactNode
行末的次要文字。
onOpenChange
((open: boolean) => void)
打开或关闭时调用。
open
boolean
受控时，是否处于打开状态。
title
ReactNode
打开和关闭它的标题。