折叠面板

更新时间:
复制 MD 格式

使用场景

在页面中的复杂区域,您可以使用折叠面板组件进行分组和隐藏,保持页面的整洁。

使用说明

折叠面板组件的属性有手风琴模式子面板分离模式面板项设置等。

  • 手风琴模式:当您开启手风琴模式时,一次只能展开一个面板。在右侧属性面板中开启手风琴模式开关,使同一时间仅展开一个面板项。

  • 子面板分离模式:当您开启子面板分离模式时,面板项分离成单独的面板项。在右侧属性面板中,开启子面板分离模式开关。

  • 面板项设置:当您对单个面板项进行设置时,可将该面板项设置为默认展开,页面加载后会默认展开该面板项的内容。在右侧属性面板底部的面板项设置区域,单击目标面板项的编辑图标进入面板项配置,开启默认展开开关可将该面板项设置为默认展开状态。同时可通过添加一项+新增面板项,或通过删除图标和拖拽手柄管理已有面板项。

使用示例

折叠面板组件部署效果如下。折叠面板(Accordion)组件包含两个面板项:面板项1面板项2,每个面板项左侧带有展开箭头,内容区域各包含一个文本输入框,两个面板项均处于展开状态。