# EuiTreeListItemDetailsContentTagDirective

**Type:** directive

<p>Directive for projecting additional details content below the main label in eui-tree-list-item.
Provides a secondary content area for metadata or additional information.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-tree-list-item label=&quot;Document&quot;&gt;
  &lt;eui-tree-list-item-details&gt;
    &lt;small&gt;Last modified: 2 hours ago&lt;/small&gt;
    &lt;eui-badge euiInfo&gt;Draft&lt;/eui-badge&gt;
  &lt;/eui-tree-list-item-details&gt;
&lt;/eui-tree-list-item&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Details content should be supplementary, not critical</li>
<li>Use appropriate semantic elements</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Renders below the main label area</li>
<li>Useful for metadata, timestamps, or status indicators</li>
</ul>


**Selector:** `eui-tree-list-item-details`

**Standalone:** false
