Add togglerTemplate property to Tree

[mopsicus]

Is there way to customize toggler icon in Tree, e.g. via fontawesome? Can't find it in templating docs :(
If I switch off prime-icons lib, toggler icon are disappears. So, it's a dependency and should be added to docs to dependencies part.

[mertsincan]

Hi,

You can use togglerTemplate property for this;

type TreeTogglerTemplateType = React.ReactNode | ((node: TreeNode, options: TreeTogglerTemplateOptions) => React.ReactNode);

interface TreeFilterInputOptions {
    className: string;
    onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
    onChange(event: React.KeyboardEvent<HTMLInputElement>): void;
}

interface TreeTogglerTemplateOptions {
    onClick(e: React.SyntheticEvent): void;
    containerClassName: string;
    iconClassName: string;
    element: JSX.Element;
    props: TreeProps;
    expanded: boolean;
}

//
togglerTemplate?: TreeTogglerTemplateType;

<Tree togglerTemplate={(node, options) => <button className={options.containerClassName} onClick={options.onClick}><FaHome className={options.className} /></button>} ... />

Best Regards,

[mopsicus]

Cool! Thanks a lot 👍

[AfikGrinstein]

Hi @mertsincan,
Does this property exist for TreeTable?

[melloware]

@AfikGrinstein yes it exists its documented right here: https://primereact.org/tree/#api.Tree.props.togglerTemplate