File

packages/components/eui-tree-list/eui-tree-list-item.component.ts

Description

Directive for projecting custom container content within eui-tree-list-item. Provides a flexible content area for complex layouts or additional UI elements.

<eui-tree-list-item label="Folder">
  <eui-tree-list-item-sub-container>
    <div class="custom-actions">
      <button euiButton euiSecondary>Action</button>
    </div>
  </eui-tree-list-item-sub-container>
</eui-tree-list-item>

Accessibility

• Interactive elements should be keyboard accessible
• Maintain logical tab order

Notes

• Renders in a dedicated container area
• Useful for action buttons or complex UI