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 | trueの場合、アコーディオングループと対話することができません。 |
| 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 | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| 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 | アコーディオングループの値です。 |
| Attribute | value |
| Type | null ｜ string ｜ string[] ｜ undefined |
| Default | undefined |
Events
| Name | Description |
|---|---|
ionChange | valueプロパティが変更されたときに発行されます。 |
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.