Accordion 展开收起
通常用于显示一组内容区域,这些区域可以单独展开收起,当一个区域展开时,其他区域保持关闭。
构成
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs. It can be in the form of plain text, graphics, sub lists, and other content formats.
1
2
3
1:标题
必有,用于描述标题的文字
2:内容文本
必有,用于描述内容的文字
3:展开手机箭头
必有,用于对内容的折叠展开或隐藏
变体/类型
折叠:
md-16
This is a accordion panel title
lg-20
This is a accordion panel title
展开:
md-16
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs. It can be in the form of plain text, graphics, sub lists, and other content formats.
lg-20
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs. It can be in the form of plain text, graphics, sub lists, and other content formats.
使用场景
This is a accordion panel title
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs. It can be in the form of plain text, graphics, sub lists, and other content formats.
交互
折叠
This is a accordion panel title
展开
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs. It can be in the form of plain text, graphics, sub lists, and other content formats.
标注
md-16
lg-20
This is a accordion panel title
This is a accordion panel title
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs.
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs.
56
16
16
92
32
32
12
12
164
12
32
32
148
12
16
16
12
12
RTL
This is a accordion panel title
This section contains the folded or unfolded content of each folding panel, which can be customized and filled according to different business or user needs.
LTR
هذا عنوان لوحة الأكورديون
يحتوي هذا القسم على المحتوى المطوي أو غير المطوي لكل لوحة مطوية، والتي يمكن تخصيصها وملؤها وفقا لاحتياجات الأعمال أو المستخدمين المختلفة.
RTL
用法
正确
错误
保留展开和收起图标,避免用户混淆面板的折叠和展开状态。