/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

-1 vote353 views1 answer
How to insert divider in react native
Javascript React
0 vote334 views1 answer
React component in for loop
Javascript React
0 vote342 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
140 votes527 views3 answers
React.js installation
Javascript React
5 votes348 views4 answers
React native status bar
Javascript React
1 vote343 views1 answer
React js router parameters
Javascript React
0 vote286 views0 answer
React
Javascript React
0 vote341 views1 answer
About react frame
Javascript React
0 vote324 views1 answer
React native prevent rotation of screen
Javascript React
0 vote341 views1 answer
ExoPlayer with auto linking react native
Javascript React