ion-accordion-group

Interfaces
Properties
Events

Accordion group is a container for accordion instances. It manages the state of the accordions and provides keyboard navigation.

For more information as well as usage, see the Accordion Documentation

Interfaces#

AccordionGroupChangeEventDetail#

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

AccordionGroupCustomEvent#

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.
Attribute	`value`
Type	`null ｜ string ｜ string[] ｜ undefined`
Default	`undefined`

Events#

Name	Description
`ionChange`	Emitted when the value property has changed.

Contents