[REACT]how to remove icon from filter

[vasudha]

Hi,
There is an unwanted icon in filter Please have a look at the attachment and suggest step to remove that

filter.PNG (1.34 KiB) Viewed 175 times

Here is code

 gantt.current.instance.tbar.add([
        {
          type: 'button',
          ref: 'filterAllButton',
          icon: 'b-gantt-filter',
          tooltip: 'Filter',
          menu: {
            pickergroup: {
              width: 455,
              grid: gantt.current.instance,
              type: 'gridfieldfilterpickergroup',
              fields: [
                { name: 'owner', type: 'string' },
                { name: 'function', type: 'string' },
                { name: 'status', type: 'string' },
              ],
            },
          },
        },
      ]);

Thanks!

[marcio]

Hey vasudha,

Thanks for reaching out.

To hide that icon, you can use the following CSS rule (based on your snippet)

 .b-button[data-ref='filterAllButton'] .b-button-menu-icon {
    display: none;
}