/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 votes160 views2 answers
React set title of page
Javascript React
0 vote143 views1 answer
How to reload webview in react native
Javascript React
1 vote195 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote150 views1 answer
Add active class to button onclick react
Javascript React
0 vote153 views2 answers
Install boxicons in react
Javascript React
0 vote155 views1 answer
React native layout animation android
Javascript React
0 vote143 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
5 votes167 views2 answers
Import fa icons react
Javascript React
1 vote134 views1 answer
Reactjs .htaccess
Javascript React
0 vote139 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React