Tree Checkbox - Support for partially selected custom icon

[dimmageiras]

Feature Request: Add checkboxPartialIcon prop to Tree component

Description

The Tree component currently supports a checkboxIcon prop for customizing the checkbox icon when nodes are fully selected, but lacks a corresponding checkboxPartialIcon prop for customizing the icon displayed when nodes are in a partial/indeterminate state (when some but not all child nodes are selected).

Current Behavior

• Tree component uses a hardcoded MinusIcon for partial checkbox states
• Users cannot customize the partial checkbox icon appearance
• The component has checkboxIcon prop but no equivalent for partial state

Expected Behavior

• Tree component should accept a checkboxPartialIcon prop
• Users should be able to customize the icon displayed for partial/indeterminate checkbox states
• The prop should follow the same pattern as the existing checkboxIcon prop

Use Case

Developers need to customize the partial checkbox icon to match their design system or brand requirements, especially when the default minus icon doesn't align with their UI components.

Proposed Solution

Add a checkboxPartialIcon prop to the Tree component that:

• Accepts the same IconType as checkboxIcon
• Defaults to MinusIcon when not provided (maintaining backward compatibility)
• Is used in the createCheckbox function when partialChecked is true

Code Location

• File: components/lib/tree/Tree.js
• File: components/lib/tree/UITreeNode.js
• File: components/lib/tree/TreeBase.js
• File: components/lib/tree/tree.d.ts

Additional Context

This enhancement maintains consistency with the existing checkboxIcon prop pattern and provides developers with complete control over checkbox icon customization in the Tree component.

Environment:

• PrimeReact version: Latest
• Component: Tree
• Type: Enhancement/Feature Request

Labels: enhancement, tree-component, icons

[melloware]

PrimeTek would have to approve this as they would want to align PrimeReact/ PrimeVue and PrimeNG to all have the same features.

[radu-iamandi-visma]

What if we open the required PRs for this? Would this help this issue?

PR Submitted (React): primefaces/primereact#8045
PR Submitted (Angular): primefaces/primeng#18415

[melloware]

you are more than welcome to open a PR...