跳到主要内容
版本:v7

ion-accordion-group

shadow

手风琴组(accordion group)是手风琴(accordion)实例的容器。它负责管理手风琴的状态,并提供键盘导航功能。

更多信息请参阅手风琴(Accordion)文档。

接口

AccordionGroupChangeEventDetail

interface AccordionGroupChangeEventDetail<T = any> {
value: T;
}

AccordionGroupCustomEvent

虽然不是必需的,但可以使用此接口替代 CustomEvent 接口,以便在使用此组件发出的 Ionic 事件时获得更强的类型支持。

interface AccordionGroupCustomEvent<T = any> extends CustomEvent {
detail: AccordionGroupChangeEventDetail<T>;
target: HTMLIonAccordionGroupElement;
}

属性

animated

DescriptionIf true, all accordions inside of the accordion group will animate when expanding or collapsing.
Attributeanimated
Typeboolean
Defaulttrue

disabled

DescriptionIf true, the accordion group cannot be interacted with.
Attributedisabled
Typeboolean
Defaultfalse

expand

DescriptionDescribes the expansion behavior for each accordion. Possible values are "compact" and "inset". Defaults to "compact".
Attributeexpand
Type"compact" | "inset"
Default'compact'

mode

DescriptionThe mode determines which platform styles to use.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" | "md"
Defaultundefined

multiple

DescriptionIf true, the accordion group can have multiple accordion components expanded at the same time.
Attributemultiple
Typeboolean | undefined
Defaultundefined

readonly

DescriptionIf true, the accordion group cannot be interacted with, but does not alter the opacity.
Attributereadonly
Typeboolean
Defaultfalse

value

DescriptionThe value of the accordion group. This controls which accordions are expanded. This should be an array of strings only when multiple="true"
Attributevalue
Typenull | string | string[] | undefined
Defaultundefined

事件

NameDescriptionBubbles
ionChangeEmitted 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

方法

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS 自定义属性

No CSS custom properties available for this component.

插槽

No slots available for this component.