ion-accordion-group
Contents
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. |