/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

0 vote380 views1 answer
In whatsapp share text add a new line react
Javascript React
5 votes379 views2 answers
Update react version
Javascript React
1 vote375 views1 answer
React footer
Javascript React
0 vote410 views1 answer
What difference between react func and class components
Javascript React
0 vote412 views1 answer
React Liked Component
Javascript React
0 vote342 views1 answer
React native pdf creater html-to-pdf
Javascript React
2 votes389 views3 answers
Linear gradient reactjs
Javascript React
31 votes357 views1 answer
Download react router dom
Javascript React
1 vote381 views1 answer
React eslint prettier
Javascript React
0 vote388 views1 answer
Concept of node js with react js
Javascript React