### 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.

Example :

    <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

### Metadata

Selector | `eui-tree-list-item-details`

# results matching ""

# No results matching ""