### File

`packages/components/eui-discussion-thread/eui-discussion-thread.component.ts`

### Description

Component for displaying a discussion thread or conversation timeline. This component renders a list of discussion thread items in a structured format, with support for titles, subtitles, and tooltips for additional context.

The component applies the ARIA role 'list' to the host element to maintain proper accessibility for screen readers.

### Metadata

selector | `eui-discussion-thread`
imports | `EuiDiscussionThreadItemComponent` `EUI_ICON` `EUI_LABEL`
styleUrls | `./eui-discussion-thread.scss`
templateUrl | `./eui-discussion-thread.component.html`

### Index

###### Methods
Public trackByFn
###### Inputs
items subTitleLabel titleLabel tooltip
###### HostBindings
attr.role class
###### Accessors
cssClasses checkRole

### Inputs

items
Type : `EuiDiscussionThreadItem[]`
Array of discussion thread items to be displayed. Each item should conform to the EuiDiscussionThreadItem interface.

subTitleLabel
Type : `string`
The subtitle label for the discussion thread, typically used to provide additional context or categorization.

titleLabel
Type : `string`
The main title label for the discussion thread.

tooltip
Type : `string`
Tooltip text to display when hovering over the discussion thread.

### HostBindings

attr.role
Type : `string`
ARIA role for the host element to ensure proper accessibility.

class
Type : `string`
Gets the CSS classes to apply to the host element.

### Methods

Public trackByFn
It will be removed in the next major version.
`trackByFn(index: number, item: EuiDiscussionThreadItem)`
Track by function for ngFor directive to improve rendering performance. Uses the id property of each discussion thread item. Parameters :
Name | Type | Optional | Description
index | `number` | No | The index of the current item in the array
item | `EuiDiscussionThreadItem` | No | The current discussion thread item
Returns : `string` The unique identifier for the item

### Accessors

cssClasses
get `cssClasses()`
Gets the CSS classes to apply to the host element. Returns : `string`

checkRole
get `checkRole()`
ARIA role for the host element to ensure proper accessibility. Returns : `string`

# results matching ""

# No results matching ""