/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

0 vote146 views1 answer
Onclick on fragment react
Javascript React
12 votes138 views2 answers
How to integrate redux dev tool to react application
Javascript React
3 votes134 views1 answer
React prop ytpes
Javascript React
0 vote127 views1 answer
Use navigate in class component react native
Javascript React
3 votes121 views1 answer
How to go to another page onclick in react
Javascript React
0 vote133 views1 answer
React navigation history clear
Javascript React
0 vote123 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote138 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
8 votes131 views3 answers
Shadown reAct native
Javascript React
0 vote137 views2 answers
React-native local image not showing ios
Javascript React