File

packages/eui/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

Index

Properties
Methods
Inputs
HostBindings
Accessors

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
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.

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

Properties

role
Type : string
Default value : 'list'
Decorators :
@HostBinding('attr.role')

ARIA role for the host element to ensure proper accessibility.

Accessors

cssClasses
getcssClasses()

Gets the CSS classes to apply to the host element.

Returns : string

results matching ""

    No results matching ""