# EuiDiscussionThreadComponent

**Type:** component



A component for displaying threaded discussions or conversation timelines in a structured format.
Renders a list of discussion items with support for titles, subtitles, and tooltips.
Ideal for comment threads, activity feeds, chat histories, and collaborative communication interfaces.

### Basic Usage with Items Array
```typescript
// Component
discussionItems: EuiDiscussionThreadItem[] = [
  {
    author: 'John Doe',
    timestamp: new Date(),
    message: 'First comment'
  },
  {
    author: 'Jane Smith',
    timestamp: new Date(),
    message: 'Reply to comment'
  }
];

// Template
<eui-discussion-thread
  [items]="discussionItems"
  [titleLabel]="'Project Discussion'"
  [subTitleLabel]="'Team Collaboration'">
</eui-discussion-thread>
```

### Using Content Projection
```html
<eui-discussion-thread
  [titleLabel]="'Comments'"
  [tooltip]="'Discussion thread for this task'">
  <eui-discussion-thread-item
    [author]="'Alice'"
    [timestamp]="date1"
    [message]="'Initial comment'">
  </eui-discussion-thread-item>
  <eui-discussion-thread-item
    [author]="'Bob'"
    [timestamp]="date2"
    [message]="'Follow-up response'">
  </eui-discussion-thread-item>
</eui-discussion-thread>
```

### Accessibility
- Automatically applies `role="list"` when items are present
- Each discussion item should have `role="listitem"` for proper structure
- Timestamps should be formatted for screen reader clarity
- Author names are announced before message content
- Tooltip provides additional context for assistive technologies

### Notes
- Supports both data-driven (`items` array) and content projection approaches
- Use `titleLabel` and `subTitleLabel` for thread categorization
- Items are rendered in the order provided
- Component automatically detects and counts projected `eui-discussion-thread-item` children
- Styling adapts based on thread depth and nesting level


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

## Inputs
- **items**: `EuiDiscussionThreadItem[]` - Array of discussion thread items to be displayed. Each item should conform to the EuiDiscussionThreadItem interface.
- **subTitleLabel**: `string` - The subtitle label for the discussion thread, typically used to provide additional context or categorization.
- **titleLabel**: `string` - The main title label for the discussion thread.
- **tooltip**: `string` - Tooltip text to display when hovering over the discussion thread.