# EuiAccordionItemComponent

**Type:** component



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



**Selector:** `eui-accordion-item`

## Inputs
- **expanded: isExpanded**: `any` - From host directive: #[[file:CdkAccordionItem.md]]
- **euiSizeS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeM**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]

## Outputs
- **toggleItem**: `EventEmitter` - Event emitted when the accordion item is toggled
