File

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

Description

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.

<eui-tree-list-item label="Document">
  <eui-tree-list-item-details>
    <small>Last modified: 2 hours ago</small>
    <eui-badge euiInfo>Draft</eui-badge>
  </eui-tree-list-item-details>
</eui-tree-list-item>

Accessibility

• Details content should be supplementary, not critical
• Use appropriate semantic elements

Notes

• Renders below the main label area
• Useful for metadata, timestamps, or status indicators