/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 vote290 views1 answer
Add event listener react hooks
Javascript React
17 votes263 views6 answers
React native build android
Javascript React
112 votes323 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote279 views1 answer
React-i18next
Javascript React
18 votes287 views6 answers
React-native make android apk
Javascript React
1 vote290 views1 answer
Component vs container react
Javascript React
1 vote255 views2 answers
React js class component
Javascript React
2 votes483 views2 answers
Select option in reactive forms
Javascript React
14 votes284 views5 answers
React conditional classname
Javascript React
0 vote279 views1 answer
Set navigation drawer to open by default react native
Javascript React