# EclTimelineItemComponent

**Type:** component




**Selector:** `ecl-timeline-item`

## Inputs
- **collapseLabel**: `string` - Text label shown when the item is expanded and can be collapsed. Defaults to `'Collapse'`.
- **expandLabel**: `string` - Text label shown when the item is collapsed and can be expanded. Defaults to `'Expand'`.
- **isCollapsed**: `boolean` - Whether the item is collapsed. Adds the `ecl-timeline__item--collapsed` CSS class when true.
- **isToggler**: `boolean` - Whether the item is a toggler (e.g. expands/collapses related items). Adds the `ecl-timeline__item--toggle` CSS class when true.
- **isTogglerExpanded**: `boolean` - Indicates whether the toggler is initially expanded. Used for toggler-type items.
- **toggleGroup**: `string` - Name of the toggle group that this item belongs to. Used to coordinate collapsing/expanding related items.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **toggle**: `EventEmitter` - Event emitted when the toggler is clicked. Consumers can call `preventDefault()` on the event to cancel toggle behavior.
