packages/eui/packages/components/eui-discussion-thread/eui-discussion-thread-item.component.ts
Component for displaying individual items within a discussion thread. This component represents a single entry in a conversation or thread timeline, displaying information such as the author, date, content body, and optional tooltip.
The component applies the ARIA role 'listitem' to maintain proper accessibility and includes support for styling variants through the typeClass property.
selector | eui-discussion-thread-item |
imports |
EUI_LABEL
EUI_ICON
EUI_ICON_STATE
DatePipe
|
templateUrl | ./eui-discussion-thread-item.component.html |
styleUrl | ./eui-discussion-thread-item.scss |
Properties |
Inputs |
HostBindings |
Accessors |
author |
Type : string
|
Name or identifier of the author who created the item. |
body |
Type : string
|
Content body of the discussion thread item. |
date |
Type : string
|
Date when the thread item was created or modified. |
id |
Type : string
|
Unique identifier for the discussion thread item. |
isOdd |
Type : boolean
|
Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread. |
tooltip |
Type : string
|
Tooltip text to display additional information when hovering over the item. |
typeClass |
Type : string
|
Type class defining the visual style of the item (e.g., 'info', 'warning', 'error'). This affects the color scheme applied to the item. |
attr.role |
Type : string
|
Default value : 'listitem'
|
ARIA role for the host element to ensure proper accessibility. |
class |
Type : string
|
Sets CSS classes on the host element based on the typeClass property. This helps maintain consistent styling with the parent theme variant. |
role |
Type : string
|
Default value : 'listitem'
|
Decorators :
@HostBinding('attr.role')
|
ARIA role for the host element to ensure proper accessibility. |
cssClasses |
getcssClasses()
|
Sets CSS classes on the host element based on the typeClass property. This helps maintain consistent styling with the parent theme variant.
Returns :
string
|
isOdd | ||||||
getisOdd()
|
||||||
Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread.
Returns :
boolean
|
||||||
setisOdd(value: BooleanInput)
|
||||||
Parameters :
Returns :
void
|