Material-UI FormControlLabel Whole Label Is Clickable Only Text Should Be

August 12, 2022 Post a Comment

I am new to the material UI. here I have the following form

Solution 1:

You can prevent parent elements from click events, as well as allow the child to do it.

Use pointer-events to disable click event.

pointer-events: none;

<FormControlLabel
  style={{ pointerEvents: "none" }}
  control={
    <Checkbox
      onClick={handleClick}
      style={{ pointerEvents: "auto" }}
      color="default"
    />
  }
  label={"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"}
/>

Baca Juga

Enable The Go To Next Step Button, Tried Setting Up State And Created New Onclick Method In The Radio Button
Get Dimensions And Position Of An Element Using Pure Javascript
Where To Put Your Websocket In React

JavaScript Lib

Material-UI FormControlLabel Whole Label Is Clickable Only Text Should Be

Solution 1:

Post a Comment for "Material-UI FormControlLabel Whole Label Is Clickable Only Text Should Be"