/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 votes249 views4 answers
Update react
Javascript React
5 votes237 views6 answers
Box shadow in react native
Javascript React
0 vote267 views1 answer
React native kesatore
Javascript React
0 vote255 views2 answers
Why we need react js
Javascript React
0 vote254 views1 answer
Hide urls in .env in react app
Javascript React
3 votes248 views2 answers
How to get custom attribute value in react
Javascript React
3 votes240 views2 answers
React native image fit container
Javascript React
0 vote239 views1 answer
Circle button react native
Javascript React
0 vote257 views1 answer
Why to escape from quotation mark in react
Javascript React
1 vote233 views2 answers
How to create react native app
Javascript React