/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

2 votes187 views2 answers
React material ui media queries
Javascript React
0 vote183 views1 answer
React string to integer
Javascript React
0 vote196 views2 answers
React arrow function component
Javascript React
0 vote200 views1 answer
How to replace strings with react components
Javascript React
2 votes194 views1 answer
React-moralis
Javascript React
1 vote213 views1 answer
Node sass version react
Javascript React
29 votes198 views2 answers
React or vue
Javascript React
0 vote184 views2 answers
React router dom v6
Javascript React
11 votes199 views4 answers
React native flatlist
Javascript React
0 vote190 views1 answer
React js date ago
Javascript React