React MUI (v.5). Show tooltip if need. (truncate)
Install the package
npm install --save react-mui-tooltip-ifzImport the module in the place you want to use:
import { MuiTooltipIfNeed } from "react-mui-tooltip-ifz";<MuiTooltipIfNeed title="abdc">
{/* <div>fdsfs</div> */}
<Button
variant="contained"
className="abcd"
style={{
width: 200 // => you should update it from css class
}}
onClick={() => setSize(400)}
onDoubleClick={() => setSize(200)}
>
Hellofds fdsfsfsfdsdf fdsf s
</Button>
</MuiTooltipIfNeed>TooltipProps: from react: @mui/material
| props | type | description |
|---|---|---|
| always | boolean | default: false: show if text is overflow |
| bootstrapCss | boolean | default: true: arrow and color like bootstrapCss |
MIT