/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 vote201 views1 answer
Share file in react native
Javascript React
0 vote191 views1 answer
How to check if we reach end of div react hooks
Javascript React
5 votes184 views1 answer
React-select
Javascript React
0 vote205 views1 answer
React-scripts test single file
Javascript React
0 vote193 views1 answer
Webpack react proxy not working
Javascript React
3 votes196 views1 answer
React router Link does work
Javascript React
-1 vote191 views2 answers
React native Platform
Javascript React
0 vote210 views1 answer
React native center text vertically full screen
Javascript React
0 vote199 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote191 views1 answer
React native run real device
Javascript React