/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 vote207 views2 answers
React router dom link same page with different param
Javascript React
0 vote256 views1 answer
React native carriage return
Javascript React
0 vote196 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
151 votes760 views6 answers
Install react js
Javascript React
16 votes197 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote216 views1 answer
React native map not loading
Javascript React
1 vote148 views1 answer
Audio in react
Javascript React
0 vote187 views1 answer
Bottom tab navigator react native transparent
Javascript React
1 vote177 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote192 views1 answer
Truncate function react
Javascript React