# EuiListItemComponent

**Type:** component



Component that represents a single item within an EuiList.
Implements FocusableOption and Highlightable for keyboard navigation and accessibility.

This component is designed to work with the EuiListComponent as part of a navigable list.
It supports various display states through the BaseStatesDirective, and can contain
nested list components, icons, labels, and custom templates.


**Selector:** `[euiListItem], eui-list-item`

## Inputs
- **e2eAttr**: `string` - 
- **isActive**: `boolean` - 
- **euiPrimary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSecondary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSuccess**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInfo**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiWarning**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDanger**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiAccent**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
