### File

`packages/components/eui-discussion-thread/eui-discussion-thread-item.component.ts`

### Description

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.

### Metadata

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`

### Index

###### Properties

- role

###### Inputs

- author
- body
- date
- id
- isOdd
- tooltip
- typeClass

###### HostBindings

- attr.role
- class

###### Accessors

- cssClasses
- isOdd

### Inputs

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.

### HostBindings

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.

### Properties

role
Type : `string`
Default value : `'listitem'`
Decorators : `@HostBinding('attr.role')`
ARIA role for the host element to ensure proper accessibility.

### Accessors

cssClasses
get `cssClasses()`
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
get `isOdd()`
Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread. Returns : `boolean`
set `isOdd(value: BooleanInput)`

Parameters :

Name | Type | Optional
value | `BooleanInput` | No

Returns : `void`

# results matching ""

# No results matching ""