/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

8 votes175 views1 answer
Professional react projects
Javascript React
0 vote191 views2 answers
React native share image
Javascript React
0 vote167 views3 answers
React-hook-form input
Javascript React
0 vote181 views1 answer
React is not iterable
Javascript React
-1 vote173 views2 answers
React pdf
Javascript React
2 votes169 views1 answer
React-native open call app
Javascript React
23 votes191 views4 answers
Change port react app
Javascript React
1 vote159 views1 answer
Npm package for sorting in reactjs
Javascript React
3 votes187 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
41 votes172 views5 answers
UseRef() in react
Javascript React