/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

4 votes257 views1 answer
Import react icons module
Javascript React
0 vote279 views1 answer
Different ways to write react file paths
Javascript React
0 vote269 views1 answer
React redux open another page
Javascript React
0 vote212 views0 answer
React
Javascript React
0 vote224 views1 answer
React google login
Javascript React
5 votes265 views2 answers
TypeError: t is not a function React
Javascript React
1 vote217 views1 answer
Ctx in react
Javascript React
1 vote237 views2 answers
Upload image react
Javascript React
94 votes297 views6 answers
Install react router
Javascript React
0 vote241 views1 answer
React animated text yarn package
Javascript React