#header-mark#
Accordion 手风琴面板
通过手风琴面板收纳内容区域
基础用法
每次只能展开一个面板。
通过设置 selected_index 属性 或 v-model 绑定的变量值来打开选中的面板。
如果设置为 None 将关闭所有面板。面板的索引值从0开始。
Accordion API
Accordion 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model/selected_index | 绑定值，当前活动面板对应的索引值 | int | — |
| style | 自定义css样式 | str | - |
TIP
style 支持的其它css属性
Sizes相关
- height
- width
- max_height
- max_width
- min_height
- min_width
Display相关
- visibility
- display
- overflow
Box model相关
- border
- margin
- padding
Positioning相关
- top
- left
- bottom
- right
Accordion Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 切换活动面板时触发 | Callable |
Accordion Slots
| 插槽名 | 说明 | 子标签 |
|---|---|---|
| default | 自定义默认内容 | Accordion Item |
Accordion 方法
| 属性名 | 说明 | 类型 |
|---|
Accordion Item API
Accordion Item 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 面板标题 | str | — |
Accordion Item Slots
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |
src/examples/ipywui/component/accordion