/Javascript/React/React tooltip on disabled button

React tooltip on disabled button

/* Wrap the button in a span or div and conditionally set pointer-events to none */
<Tooltip title="You don't have permission to do this">
  <span>
    <button disabled={disabled} style={disabled ? { pointerEvents: "none" } : {}}>
      {'A disabled button'}
    </button>
  </span>
</Tooltip>

Source: material-ui.com

Similar codes

7 votes354 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote388 views1 answer
How to start react project on atom
Javascript React
7 votes407 views3 answers
How to route react from laravel
Javascript React
0 vote374 views2 answers
React js form radio input using hooks
Javascript React
0 vote397 views1 answer
Export socket io connection in react
Javascript React
32 votes380 views1 answer
React roouter dom
Javascript React
0 vote378 views1 answer
Express react docker container example
Javascript React
1 vote426 views1 answer
How to use cookies in react js
Javascript React
2 votes370 views1 answer
If back react
Javascript React
0 vote388 views1 answer
Module missing for arearange highcharts react
Javascript React