# EuiTreeListItemDetailsContentTagDirective

**Type:** directive



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.

```html
<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


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