CSS custom properties

--mds-tree-item-actions-border-radiusInherits the border-radius used for tree action containers.

--mds-tree-item-actions-gapSpacing between tree item action elements.

--mds-tree-item-branch-border-colorThe border color of the branch connector for the item.

--mds-tree-item-branch-border-radiusThe border-radius applied to the branch connector.

--mds-tree-item-branch-border-sizeThe thickness of the branch connector line.

--mds-tree-item-branch-dot-default-colorDefault color of the branch dot indicator.

--mds-tree-item-branch-dot-expanded-colorColor of the branch dot when expanded.

--mds-tree-item-label-default-backgroundBackground color of the label in default state.

--mds-tree-item-label-hover-backgroundBackground color of the label in hover state.

--mds-tree-item-label-icon-default-colorDefault icon color inside the label.

--mds-tree-item-label-icon-hover-colorIcon color inside the label when hovering.

--mds-tree-item-line-clampDefines the number of lines before text is truncated.

--mds-tree-item-toggle-gapSpacing between the label and the toggle control.

--mds-tree-item-toggle-icon-async-backgroundBackground color for async-loading toggle icons.

--mds-tree-item-toggle-icon-async-colorIcon color for async-loading toggles.

--mds-tree-item-toggle-icon-chevron-default-backgroundBackground for the default chevron toggle.

--mds-tree-item-toggle-icon-chevron-default-colorIcon color for the default chevron toggle.

--mds-tree-item-toggle-icon-chevron-expanded-backgroundBackground for the expanded chevron toggle.

--mds-tree-item-toggle-icon-chevron-expanded-colorIcon color for the expanded chevron toggle.

--mds-tree-item-toggle-icon-folder-default-backgroundBackground for the default folder toggle.

--mds-tree-item-toggle-icon-folder-default-colorIcon color for the default folder toggle.

--mds-tree-item-toggle-icon-folder-expanded-backgroundBackground for the expanded folder toggle.

--mds-tree-item-toggle-icon-folder-expanded-colorIcon color for the expanded folder toggle.

--mds-tree-item-toggle-icon-position-right-default-backgroundBackground for right-positioned toggle in default state.

--mds-tree-item-toggle-icon-position-right-default-colorIcon color for right-positioned toggle in default state.

--mds-tree-item-toggle-icon-position-right-expanded-backgroundBackground for right-positioned toggle in expanded state.

--mds-tree-item-toggle-icon-position-right-expanded-colorIcon color for right-positioned toggle in expanded state.

--mds-tree-item-toggle-sizeSize of the toggle control.

--mds-tree-item-transition-durationTransition duration for tree item animation.

--mds-tree-item-transition-timing-functionTransition easing function for tree item animation.

Parts

actions-containerSelects the wrapper of the container of the actions.

actions-listSelects the container of the actions.