packages/eui/packages/components/eui-discussion-thread/eui-discussion-thread.component.ts
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.
selector | eui-discussion-thread |
imports |
EuiDiscussionThreadItemComponent
EUI_ICON
EUI_LABEL
|
styleUrls | ./eui-discussion-thread.scss |
templateUrl | ./eui-discussion-thread.component.html |
Properties |
Methods |
|
Inputs |
HostBindings |
Accessors |
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. |
attr.role |
Type : string
|
Default value : 'list'
|
ARIA role for the host element to ensure proper accessibility. |
class |
Type : string
|
Gets the CSS classes to apply to the host element. |
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 :
Returns :
string
The unique identifier for the item |
role |
Type : string
|
Default value : 'list'
|
Decorators :
@HostBinding('attr.role')
|
ARIA role for the host element to ensure proper accessibility. |
cssClasses |
getcssClasses()
|
Gets the CSS classes to apply to the host element.
Returns :
string
|