ion-accordion-group
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â
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 Shadow Partsâ
No CSS shadow parts available for this component.
CSS Custom Propertiesâ
No CSS custom properties available for this component.
Slotsâ
No slots available for this component.