Editor

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

CSS parts
PartDescription
childrenThis part is the wrapper around the nested child items. It receives the data-collapsed attribute.
expand-iconThis part is the expand and collapse chevron.
iconThis part is the optional item icon.
labelThis part is the item label text.
rowThis part is the item row. It receives the data-selected attribute.

CSS Custom Properties

CSS custom properties
PropertyDefaultDescription
--tree-expand-icon-size1remSize of the expand/collapse chevron icon.
--tree-icon-gap0.25remGap between the icon and label.
--tree-indent1remIndent width per nesting level.
--tree-item-font-size0.75remRow label font size.
--tree-item-height1.5remRow height.
--tree-item-padding-left0.5remRow left padding.
--tree-item-padding-right0.5remRow right padding.