/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 votes211 views2 answers
How to integrate redux dev tool to react application
Javascript React
4 votes234 views3 answers
React js get screen size
Javascript React
0 vote197 views2 answers
Why navlink in react router always active
Javascript React
0 vote253 views1 answer
React router redirect with query params
Javascript React
2 votes199 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote194 views1 answer
React-data-table-component api action button
Javascript React
0 vote199 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
0 vote218 views1 answer
React form hook trigger is not a function
Javascript React
0 vote224 views2 answers
Can i pass data with usenavigate react router
Javascript React
2 votes190 views3 answers
React native component at bottom center
Javascript React