DeleteIconButton

A wrapper around the MUI IconButton component. Connects the click event to the removeRow method of the data object in the nearest DataObjectProvider. A default icon is also set, but can be overridden with the button props.

By default, the button will delete the current row of the data object. To delete a specific row, pass the index of the row to the index property of the button.

A circular progress is shown around the icon button while the delete request is pending.

For more information, see the MUI documentation.