ion-accordion-group
アコーディオン・グループは、アコーディオンインスタンスのためのコンテナです。これは、アコーディオンの状態を管理し、キーボードナビゲーションを提供します。
より詳細な情報や使用方法については、 Accordion を参照ください。
Interfaces
AccordionGroupChangeEventDetail
interface AccordionGroupChangeEventDetail<T = any> {
value: T;
}
AccordionGroupCustomEvent
必須ではありませんが、このコンポーネントから発行される Ionic イベントでより強く型付けを行うために、CustomEvent インターフェースの代わりにこのインターフェースを使用することが可能です。
interface AccordionGroupCustomEvent<T = any> extends CustomEvent {
detail: AccordionGroupChangeEventDetail<T>;
target: HTMLIonAccordionGroupElement;
}
プロパティ
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は、どのプラットフォームのスタイルを使用するかを決定します。 |
| 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 |
イベント
| Name | Description |
|---|---|
ionChange | クリックなどのユーザー操作により、valueプロパティが変化したときに発生します。プログラムによってvalueプロパティを設定した場合は、このイベントは発生しません。 |
メソッド
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSSカスタムプロパティ
No CSS custom properties available for this component.
Slots
No slots available for this component.