How to change tick color of mui checkbox in react js?

Hi Friends 👋,

Welcome To aGuideHub!

To change tick color of mui checkbox in React js, you can use style={{ color: "red" }}. It will change tick color of mui checkbox.

Today, I am going to show you, how to change tick color of mui checkbox in react js.

Installation

Install the following packages to use change tick color of mui checkbox in react js.

npm

npm install @mui/material @emotion/react @emotion/styled

yarn

yarn add @mui/material @emotion/react @emotion/styled

MUI material change tick color of checkbox example.

The below code is an example of a Material UI Checkbox that is change the tick color, To change mui checkbox color, used the inline style that changed the color of the element to red.

App.js

import * as React from 'react';
import Checkbox from '@mui/material/Checkbox';

export default function ColorCheckboxes() {
  return (
      <Checkbox
     style={{ color: "red" }}
      />
  );

In the above code example, I have used the @mui/material component and change tick color of mui checkbox.

Check the output of the above code example.

All the best 👍