/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

1 vote106 views1 answer
Yup only characters regex validation react
Javascript React
1 vote61 views1 answer
Audio in react
Javascript React
0 vote105 views1 answer
Styling scrollview height in react native
Javascript React
3 votes114 views2 answers
React get data attribute from element
Javascript React
1 vote112 views3 answers
Form action using react
Javascript React
0 vote106 views2 answers
Dispay react component after some time
Javascript React
1 vote107 views1 answer
How to use cookies in react js
Javascript React
6 votes107 views1 answer
React-native loading spinner
Javascript React
1 vote111 views1 answer
How to position View absolute react native
Javascript React
0 vote102 views1 answer
React hook form reset only one field
Javascript React