ion-accordion-group

shadow

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.