eui documentation
  1. Directives
  2. EuiTreeListItemLabelTagDirective

File

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

Description

Directive for projecting custom label content into eui-tree-list-item. Replaces the default label rendering with custom HTML or components.

Example :
<eui-tree-list-item>
  <eui-tree-list-item-label>
    <eui-icon-svg icon="eui-star" />
    <strong>Custom Label</strong>
  </eui-tree-list-item-label>
</eui-tree-list-item>

Accessibility

  • Ensure custom content is semantically meaningful
  • Include text alternatives for icons

Notes

  • Overrides label and subLabel inputs when used
  • Supports any HTML content

Metadata

Selector eui-tree-list-item-label

results matching ""

    No results matching ""