Add an icon to a custom toolbar element

Question

Hi, I'd added a custom element (Show inactive) with a custom action and I need to add a custom icon, how can I do that?

Thanks

const toolbarOptions = ['ColumnChooser','Search','PdfExport','ExcelExport','Show inactive'];

Pavithra Subramaniyam · Answer

Hi Pol Maresma,Greetings from Syncfusion support.You can achieve your requirement by defining the custom toolbar item
as in the below code example.

const toolbarOptions = ['ColumnChooser', 'Search', 'PdfExport', 'ExcelExport',
                          { text: 'Show inactive', tooltipText: 'Show inactive', prefixIcon: 'e-customicon',
                                    id: 'ShowInactive' }
  ]

https://ej2.syncfusion.com/react/documentation/grid/tool-bar/tool-bar-items#both-built-in-and-custom-items-in-toolbarPlease get back to us if you need further assistance on this.Regards,Pavithra S

Jack Dunn · Answer

FYI, icons can be found here:https://ej2.syncfusion.com/documentation/appearance/icons/

Pol Maresma · Answer

Great thank you!

Suganya Gopinath · Answer

We hope the provided information helped to solve the issue. Please get back to us for further assistance.