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 |
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
|
|
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 |
| cssClasses |
getcssClasses()
|
|
Gets the CSS classes to apply to the host element.
Returns :
string
|
| checkRole |
getcheckRole()
|
|
ARIA role for the host element to ensure proper accessibility.
Returns :
string
|