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 | 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 |
イベント
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 |
メソッド
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.