/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

12 votes205 views3 answers
Vs code emmet for html in react
Javascript React
3 votes213 views3 answers
Adding donet chart text center in react
Javascript React
-1 vote211 views1 answer
Timestamp to unix time react
Javascript React
0 vote199 views1 answer
Javascript slider get value react
Javascript React
0 vote159 views1 answer
React native cross out letter
Javascript React
32 votes207 views1 answer
'react-router-dom'
Javascript React
0 vote197 views1 answer
React-anime
Javascript React
-2 votes212 views1 answer
How to hide keyboard in react native
Javascript React
19 votes207 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
1 vote207 views1 answer
Angular validators number only in reactive form
Javascript React