Breaking News: Grepper is joining You.com. Read the official announcement!

mui checkbox rectangle border

Forhad Ahmed answered on November 7, 2022 Popularity 6/10 Helpfulness 4/10

answer mui checkbox rectangle border

mui checkbox rectangle border

Comment

import FormGroup from "@mui/material/FormGroup";
import FormControlLabel from "@mui/material/FormControlLabel";
import Checkbox from "@mui/material/Checkbox";
import CircleChecked from "@material-ui/icons/CheckCircleOutline";
import CircleUnchecked from "@material-ui/icons/RadioButtonUnchecked";
const App = () => {
  return (
    <div>
      <FormGroup>
        <FormControlLabel
          control={
            <Checkbox
              icon={<CircleUnchecked />}
              checkedIcon={<CircleChecked />}
              sx={{
                "& .MuiSvgIcon-root": {
                  fontSize: 70,
                  borderRadius: 20
                }
              }}
            />
          }
          label="Villa"
        />
      </FormGroup>
    </div>
  );
};

export default App;

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: border checkbox mui whatever

Link to this answer
Share Copy Link