/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

1 vote213 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
0 vote252 views1 answer
React native create text file
Javascript React
1 vote219 views1 answer
Add class to react children
Javascript React
12 votes248 views3 answers
Vs code emmet for html in react
Javascript React
2 votes252 views1 answer
Vertical align center react native view
Javascript React
0 vote278 views1 answer
Create react expo
Javascript React
0 vote241 views1 answer
Android studio react native plugins
Javascript React
0 vote257 views1 answer
Clear React Native TextInput
Javascript React
0 vote239 views1 answer
React-i18next
Javascript React
1 vote251 views3 answers
Autocomplete react
Javascript React