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