Skip to main content

ion-accordion-group

shadow

手风琴组是手风琴实例的容器。它管理手风琴的状态并提供键盘导航。

🌐 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​

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

事件​

🌐 Events

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

方法​

🌐 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.