Add 2 different method to lable and icon in Primereact Menu

[sanjaybharekar]

Hello Team,

I am using our primereact menu and i have to set to different methods to my label and my icon.

currently, we can apply only one method to both. Can you please help me in this.

[mert.sincan]

Hello,

I think you can use template option to custom menu items. Please see;
https://primefaces.org/primereact/showcase/#/menumodel

Code: Select all

{
        label: 'New',
        template: (item, options) => {
            return (
                /* custom element */
                <a className={options.className} target={item.target} onClick={options.onClick}>
                    <span onClick={...} className={classNames(options.iconClassName, 'pi pi-home')}></span>;
                    <span onClick={...} className={options.labelClassName}>{item.label}</span>;
                </a>
            );
        }
    }

Best Regards,