ion-accordion-group
Accordion 组是 Accordion 实例的容器。它管理手风琴的状态并提供键盘导航。
¥Accordion group is a container for accordion instances. It manages the state of the accordions and provides keyboard navigation.
有关详细信息，请参阅 手风琴 文档。
¥See the Accordion documentation for more information.
接口
¥Interfaces
AccordionGroupChangeEventDetail
interface AccordionGroupChangeEventDetail<T = any> {
value: T;
}
AccordionGroupCustomEvent
虽然不是必需的，但可以使用此接口代替 CustomEvent 接口，以便使用从此组件发出的 Ionic 事件进行更强的键入。
¥While not required, this interface can be used in place of the CustomEvent interface for stronger typing with Ionic events emitted from this component.
interface AccordionGroupCustomEvent<T = any> extends CustomEvent {
detail: AccordionGroupChangeEventDetail<T>;
target: HTMLIonAccordionGroupElement;
}
属性
¥Properties
animated
| Description | If true, all accordions inside of the accordion group will animate when expanding or collapsing. |
| Attribute | animated |
| Type | boolean |
| Default | true |
disabled
| Description | If true, the accordion group cannot be interacted with. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
expand
| Description | Describes the expansion behavior for each accordion. Possible values are "compact" and "inset". Defaults to "compact". |
| Attribute | expand |
| Type | "compact" ｜ "inset" |
| Default | 'compact' |
mode
| Description | The mode determines which platform styles to use. |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
multiple
| Description | If true, the accordion group can have multiple accordion components expanded at the same time. |
| Attribute | multiple |
| Type | boolean ｜ undefined |
| Default | undefined |
readonly
| Description | If true, the accordion group cannot be interacted with, but does not alter the opacity. |
| Attribute | readonly |
| Type | boolean |
| Default | false |
value
| Description | The value of the accordion group. This controls which accordions are expanded. This should be an array of strings only when multiple="true" |
| Attribute | value |
| Type | null ｜ string ｜ string[] ｜ undefined |
| Default | undefined |
事件
¥Events
| Name | Description | Bubbles |
|---|---|---|
ionChange | Emitted when the value property has changed as a result of a user action such as a click. This event will not emit when programmatically setting the value property. | true |
方法
¥Methods
No public methods available for this component.
CSS 阴影部分
¥CSS Shadow Parts
No CSS shadow parts available for this component.
CSS 自定义属性
¥CSS Custom Properties
No CSS custom properties available for this component.
插槽
¥Slots
No slots available for this component.