### File

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

### Description

Individual item component for discussion threads, representing a single message or entry in a conversation. Displays author information, timestamp, message content, and optional metadata with support for visual variants.

### Basic Thread Item

Example :

    <eui-discussion-thread-item
      [author]="'John Doe'"
      [date]="'2024-01-15'"
      [body]="'This is a comment in the discussion'">
    </eui-discussion-thread-item>

### With Type Styling

Example :

    <eui-discussion-thread-item
      [author]="'System'"
      [date]="'2024-01-15T10:30:00'"
      [body]="'Status updated to In Progress'"
      [typeClass]="'info'">
    </eui-discussion-thread-item>

### With Tooltip

Example :

    <eui-discussion-thread-item
      [author]="'Jane Smith'"
      [date]="'2024-01-15'"
      [body]="'Review completed'"
      [tooltip]="'Approved by manager'">
    </eui-discussion-thread-item>

### Accessibility

- Uses `role="listitem"` for proper list semantics
- Author and date information announced before message content
- Tooltip provides additional context for assistive technologies
- Ensure date format is screen reader friendly

### Notes

- Use within `eui-discussion-thread` component for proper structure
- `typeClass` affects icon and styling (info, warning, success, danger)
- `isOdd` property used for alternating row styling
- Date accepts string format and is displayed with DatePipe
- Supports rich content in body via content projection

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
host | `{ }`
selector | `eui-discussion-thread-item`
imports | `EUI_ICON` `EUI_ICON_STATE` `DatePipe`
templateUrl | `./eui-discussion-thread-item.component.html`
styleUrl | `./eui-discussion-thread-item.scss`

### Index

###### Inputs

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

### Inputs

author
Type : `string`
Default value : `undefined`
Name or identifier of the author who created the item.

body
Type : `string`
Default value : `undefined`
Content body of the discussion thread item.

date
Type : `string`
Default value : `undefined`
Date when the thread item was created or modified.

id
Type : `string`
Default value : `undefined`
Unique identifier for the discussion thread item.

isOdd
Default value : `false, { transform: booleanAttribute }`
Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread.

tooltip
Type : `string`
Default value : `undefined`
Tooltip text to display additional information when hovering over the item.

typeClass
Type : `string`
Default value : `undefined`
Type class defining the visual style of the item (e.g., 'info', 'warning', 'error'). This affects the color scheme applied to the item.

# results matching ""

# No results matching ""