# EuiDiscussionThreadItemComponent

**Type:** component



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
```html
<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
```html
<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
```html
<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


**Selector:** `eui-discussion-thread-item`

## Inputs
- **author**: `string` - Name or identifier of the author who created the item.
- **body**: `string` - Content body of the discussion thread item.
- **date**: `string` - Date when the thread item was created or modified.
- **id**: `string` - Unique identifier for the discussion thread item.
- **isOdd**: `boolean` - Indicates if this item is in an odd position in the list. Used for alternating styling patterns within the thread.
- **tooltip**: `string` - Tooltip text to display additional information when hovering over the item.
- **typeClass**: `string` - Type class defining the visual style of the item (e.g., 'info', 'warning', 'error'). This affects the color scheme applied to the item.