[REACT]I want to use muimaterial icon for the action buttons

[ankamomkar]

const PoolsDeleteColumn = (intl: IntlShape, onClick: ({ record }: { record: any }) => Promise<void>) => {
  return [
    {
      text: intl.formatMessage({ id: 'Delete' }),
      field: 'Delete',
      type: 'action',
      sortable: false,
      width: 100,
      align: 'center',
      actions: [
        {
          cls: 'b-fa b-fa-trash',
          visible: ({ record }: { record: any }) => !(record.isResource || record.hasActiveDemands),
          onClick: onClick,
        },
      ],
    },
  ];
};

this is my <DeleteOutline sx={{ fontSize: 27 }} style={{ color: 'black' }} /> Mui material icon component i need to use this component in place of cls: 'b-fa b-fa-trash',

[tasnim]

Hi,

We have a guide on how to use material icons here
https://bryntum.com/products/grid/docs/guide/Grid/customization/iconfont#material-icons
https://bryntum.com/products/grid/docs/guide/Grid/customization/iconfont#prepare-material-icons

Hope this will help!

Best regards,
Tasnim

[ankamomkar]

Hi Tasnim,
Can I get some type of example How can I use
Thanks in advance

[marcio]

Hey ankamomkar,

What do you mean by example? The guide that Tasmin shared has several snippets of how to implement, and we also have a section of how to add the material icons to one of our demos (the tree demo).