### 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 ""