# EuiTreeListItemSubContainerContentTagDirective

**Type:** directive

<p>Directive for projecting custom container content within eui-tree-list-item.
Provides a flexible content area for complex layouts or additional UI elements.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-tree-list-item label=&quot;Folder&quot;&gt;
  &lt;eui-tree-list-item-sub-container&gt;
    &lt;div class=&quot;custom-actions&quot;&gt;
      &lt;button euiButton euiSecondary&gt;Action&lt;/button&gt;
    &lt;/div&gt;
  &lt;/eui-tree-list-item-sub-container&gt;
&lt;/eui-tree-list-item&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Interactive elements should be keyboard accessible</li>
<li>Maintain logical tab order</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Renders in a dedicated container area</li>
<li>Useful for action buttons or complex UI</li>
</ul>


**Selector:** `eui-tree-list-item-sub-container`

**Standalone:** false
