ion-accordion-group
アコーディオン グループは、アコーディオン インスタンスのコンテナーです。アコーディオンの状態を管理し、キーボード ナビゲーションを提供します。
詳細については、アコーディオンのドキュメントを参照してください。
インターフェース
AccordionGroupChangeEventDetail
interface AccordionGroupChangeEventDetail<T = any> {
value: T;
}
AccordionGroupCustomEvent
必須ではありませんが、このインターフェースは、このコンポーネントから発行される Ionic イベントの型付けを強化するために、CustomEvent インターフェースの代わりに使用できます。
interface AccordionGroupCustomEvent<T = any> extends CustomEvent {
detail: AccordionGroupChangeEventDetail<T>;
target: HTMLIonAccordionGroupElement;
}
プロパティ
animated
| 説明 | true の場合、アコーディオン グループ内のすべてのアコーディオンは、展開または折りたたむときにアニメーション化されます。 |
| 属性 | animated |
| 型 | boolean |
| デフォルト | true |
disabled
| 説明 | true の場合、アコーディオン グループは操作できません。 |
| 属性 | disabled |
| 型 | boolean |
| デフォルト | false |
expand
| 説明 | 各アコーディオンの展開動作を記述します。使用可能な値は、"compact" と "inset" です。デフォルトは "compact" です。 |
| 属性 | expand |
| 型 | "compact" ｜ "inset" |
| デフォルト | 'compact' |
mode
| 説明 | モードは、使用するプラットフォーム スタイルを決定します。 |
| 属性 | mode |
| 型 | "ios" ｜ "md" |
| デフォルト | undefined |
multiple
| 説明 | true の場合、アコーディオン グループは、複数のアコーディオン コンポーネントを同時に展開できます。 |
| 属性 | multiple |
| 型 | boolean ｜ undefined |
| デフォルト | undefined |
readonly
| 説明 | true の場合、アコーディオン グループは操作できませんが、不透明度は変更されません。 |
| 属性 | readonly |
| 型 | boolean |
| デフォルト | false |
value
| 説明 | アコーディオン グループの値。これにより、展開されるアコーディオンが制御されます。これは、multiple="true" の場合にのみ、文字列の配列である必要があります。 |
| 属性 | value |
| 型 | null ｜ string ｜ string[] ｜ undefined |
| デフォルト | undefined |
イベント
| 名前 | 説明 | バブル |
|---|---|---|
ionChange | クリックなどのユーザー操作の結果として、value プロパティが変更されたときに発行されます。 このイベントは、 value プロパティをプログラムで設定するときには発行されません。 | true |
メソッド
このコンポーネントで使用できるパブリック メソッドはありません。
CSS シャドウパーツ
このコンポーネントで使用できる CSS シャドウパーツはありません。
CSS カスタムプロパティ
このコンポーネントで使用できる CSS カスタムプロパティはありません。
スロット
このコンポーネントで使用できるスロットはありません。