• Collapse 折叠面板

    可以折叠/展开的内容区域。

    何时使用

    代码演示

    可以同时展开多个面板,这个例子默认展开了第一个。

    手风琴,每次只打开一个tab。默认打开第一个。

    嵌套折叠面板。

    一套没有边框的简洁样式。

    自定义各个面板的背景色、圆角和边距。

    你可以通过 showArrow={false} 隐藏 CollapsePanel 组件的箭头图标。

    API

    Collapse

    参数 说明 类型 默认值
    activeKey 当前激活 tab 面板的 key string[]|string 默认无,accordion模式下默认第一个元素
    defaultActiveKey 初始化选中面板的 key string
    onChange 切换面板的回调 Function

    Collapse.Panel

    参数 说明 类型 默认值
    disabled 禁用后的面板展开与否将无法通过用户交互改变 boolean false
    header 面板头内容 string|ReactNode
    key 对应 activeKey string
    forceRender 被隐藏时是否渲染 DOM 结构 boolean false