# EuiDiscussionThreadItemComponent

**Type:** component

<p>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.</p>
<h3>Basic Thread Item</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-discussion-thread-item
  [author]=&quot;&#39;John Doe&#39;&quot;
  [date]=&quot;&#39;2024-01-15&#39;&quot;
  [body]=&quot;&#39;This is a comment in the discussion&#39;&quot;&gt;
&lt;/eui-discussion-thread-item&gt;</code></pre></div><h3>With Type Styling</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-discussion-thread-item
  [author]=&quot;&#39;System&#39;&quot;
  [date]=&quot;&#39;2024-01-15T10:30:00&#39;&quot;
  [body]=&quot;&#39;Status updated to In Progress&#39;&quot;
  [typeClass]=&quot;&#39;info&#39;&quot;&gt;
&lt;/eui-discussion-thread-item&gt;</code></pre></div><h3>With Tooltip</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-discussion-thread-item
  [author]=&quot;&#39;Jane Smith&#39;&quot;
  [date]=&quot;&#39;2024-01-15&#39;&quot;
  [body]=&quot;&#39;Review completed&#39;&quot;
  [tooltip]=&quot;&#39;Approved by manager&#39;&quot;&gt;
&lt;/eui-discussion-thread-item&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Uses <code>role=&quot;listitem&quot;</code> for proper list semantics</li>
<li>Author and date information announced before message content</li>
<li>Tooltip provides additional context for assistive technologies</li>
<li>Ensure date format is screen reader friendly</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Use within <code>eui-discussion-thread</code> component for proper structure</li>
<li><code>typeClass</code> affects icon and styling (info, warning, success, danger)</li>
<li><code>isOdd</code> property used for alternating row styling</li>
<li>Date accepts string format and is displayed with DatePipe</li>
<li>Supports rich content in body via content projection</li>
</ul>


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

**Standalone:** false

## Inputs

- **author**: `string` - <p>Name or identifier of the author who created the item.</p>

- **body**: `string` - <p>Content body of the discussion thread item.</p>

- **date**: `string` - <p>Date when the thread item was created or modified.</p>

- **id**: `string` - <p>Unique identifier for the discussion thread item.</p>

- **isOdd**: `boolean` - <p>Indicates if this item is in an odd position in the list.
Used for alternating styling patterns within the thread.</p>

- **tooltip**: `string` - <p>Tooltip text to display additional information when hovering over the item.</p>

- **typeClass**: `string` - <p>Type class defining the visual style of the item (e.g., &#39;info&#39;, &#39;warning&#39;, &#39;error&#39;).
This affects the color scheme applied to the item.</p>

