### File

`packages/components/eui-accordion/eui-accordion-item.component.ts`

### Description

Individual accordion item component that can be expanded/collapsed. Uses Angular CDK's accordion item functionality for managing expansion state and includes collapse animation.

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
HostDirectives | `CdkAccordionItem` Inputs : expanded: isExpanded `BaseStatesDirective` Inputs : euiSizeS euiSizeM euiSizeL euiSizeVariant
selector | `eui-accordion-item`
imports | `EUI_ICON` `CdkAccordionModule`
templateUrl | `./eui-accordion-item.component.html`
styleUrl | `./eui-accordion-item.scss`

### Index

###### Methods

- onToggle

###### Outputs

- toggleItem

###### HostBindings

- class

###### Accessors

- cssClasses

### Outputs

toggleItem
Type : `EventEmitter`
Event emitted when the accordion item is toggled

### HostBindings

class
Type : `string`

### Methods

onToggle
`onToggle(event: Event)`

Handles the toggle event for expanding/collapsing the accordion item Prevents event propagation to avoid interfering with parent handlers

Parameters :

Name | Type | Optional | Description

event

`Event`

No

- The toggle event

Returns : `void`

### Accessors

cssClasses
get `cssClasses()`
Computes and returns the CSS classes for the component based on its current state. Returns : `string`

# results matching ""

# No results matching ""