`<Tooltip
placement="left"
classes={{
tooltip: "classes.customTooltip",
arrow: "classes.customArrow",
}}
title="Reverse POS Update"
arrow
>
<IconButton aria-label="edit" onClick={() => handleEdit(params.id)}>
<SyncAltRoundedIcon className="reversebtn" />
</IconButton>
</Tooltip>`
Run Code Online (Sandbox Code Playgroud)
我正在使用 Datagrid,在我使用的列之一中使用图标而不是按钮,我在悬停时应用了 mui 工具提示,我的图标是红色的,我也希望我的工具提示是红色的。
{ field: "TickToDelete", headerName: "Delete", width: 70, sortable: true, renderCell: (params) => { return ( <Tooltip title="Delete" placement="right"> <IconButton aria-label="edit" onClick={() => handleEdit(params.id)}> <DeleteIcon /> </IconButton> </Tooltip> ); }, },