ef-tree-item
This element renders one row and a recursive children container, for EFTreeElement.
This element renders one row and a recursive children container, for EFTreeElement.
CSS Parts
| Part | Description |
|---|---|
children | This part is the wrapper around the nested child items. It receives the `data-collapsed` attribute. |
expand-icon | This part is the expand and collapse chevron. |
icon | This part is the optional item icon. |
label | This part is the item label text. |
row | This part is the item row. It receives the `data-selected` attribute. |
CSS Custom Properties
| Property | Default | Description |
|---|---|---|
--tree-expand-icon-size | 1rem | Size of the expand/collapse chevron icon. |
--tree-icon-gap | 0.25rem | Gap between the icon and label. |
--tree-indent | 1rem | Indent width per nesting level. |
--tree-item-font-size | 0.75rem | Row label font size. |
--tree-item-height | 1.5rem | Row height. |
--tree-item-padding-left | 0.5rem | Row left padding. |
--tree-item-padding-right | 0.5rem | Row right padding. |