折叠组

AccordionGroup组件允许您将多个Accordion组件组合在一起，显示一组折叠块。

示例效果

折叠块1

折叠2

折叠块3

代码：

<AccordionGroup>
    <Accordion title="折叠块1" >
        折叠块1的内容
    </Accordion>
    <Accordion title="折叠2">
        折叠块2
    </Accordion>
    <Accordion title="折叠块3">
        折叠块3
    </Accordion>
</AccordionGroup>

设置默认展开指定项

折叠1设置打开

折叠块1的内容

折叠块2设置关闭

代码：

<AccordionGroup>
    <Accordion title="折叠1设置关闭" defaultOpen={true}>
        折叠块1的内容
    </Accordion>
    <Accordion title="折叠块2设置打开">
        折叠块2的内容
    </Accordion>
</AccordionGroup>

添加图标

折叠块1

折叠块2

折叠块3

代码：

<AccordionGroup>
    <Accordion title="折叠块1" icon="material-two-tone-storefront">
        折叠块1的内容
    </Accordion>
    <Accordion title="折叠块2" icon="material-two-tone-business_center">
        折叠块2的内容
    </Accordion>
    <Accordion title="折叠块3" icon="material-two-tone-cottage">
        折叠块3的内容
    </Accordion>
</AccordionGroup>

参数说明

Accordion

title

string

定义折叠块的标题

必需

description

string

可选

折叠块标题下方的详细信息

defaultOpen

boolean

可选

折叠块默认为打开状态

默认值:

true

icon

string

可选

定义图标。方法查阅图标

示例效果#

设置默认展开指定项#

添加图标#

参数说明#

示例效果

设置默认展开指定项

添加图标

参数说明