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 | trueの場合、アコーディオングループ内のすべてのアコーディオンが拡大・縮小時にアニメーションを行います。 |
| Attribute | animated |
| Type | boolean |
| Default | true |
disabled
| Description | trueの場合、アコーディオングループと対話することができません。 |
| Attribute | disabled |
| Type | boolean |
| Default | false |
expand
| Description | 各アコーディオンの拡張動作を記述します。指定可能な値は "compact" と "inset" です。デフォルトは "compact" です。 |
| Attribute | expand |
| Type | "compact" ｜ "inset" |
| Default | 'compact' |
mode
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
multiple
| Description | trueの場合、アコーディオングループは複数のアコーディオンコンポーネントを同時に展開することができます。 |
| Attribute | multiple |
| Type | boolean ｜ undefined |
| Default | undefined |
readonly
| Description | trueの場合、アコーディオングループはインタラクティブに操作できないが、不透明度は変更されない。 |
| Attribute | readonly |
| Type | boolean |
| Default | false |
value
| Description | アコーディオングループの値です。これは、どのアコーディオンを展開するかを制御します。これは、multiple="true"のときだけ、文字列の配列でなければなりません。 |
| Attribute | value |
| Type | null ｜ string ｜ string[] ｜ undefined |
| Default | undefined |
Events
| Name | Description | Bubbles |
|---|---|---|
ionChange | valueプロパティがクリックなどのユーザーアクションによって変更されたときに発行される。 プログラムで value プロパティを設定した場合には、このイベントは発生しない。 | 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.