[docs] Replace deprecated inputProps with slotProps.input in checkbox demos (#47083)

Co-authored-by: ZeeshanTamboli <[email protected]>

Author: CODEKRUNCH

docs/data/material/components/checkboxes/Checkboxes.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Checkbox from '@mui/material/Checkbox';
 
-const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+const label = { slotProps: { input: { 'aria-label': 'Checkbox demo' } } };
 
 export default function Checkboxes() {
   return (

docs/data/material/components/checkboxes/Checkboxes.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Checkbox from '@mui/material/Checkbox';
 
-const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+const label = { slotProps: { input: { 'aria-label': 'Checkbox demo' } } };
 
 export default function Checkboxes() {
   return (

docs/data/material/components/checkboxes/ColorCheckboxes.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { pink } from '@mui/material/colors';
 import Checkbox from '@mui/material/Checkbox';
 
-const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+const label = { slotProps: { input: { 'aria-label': 'Checkbox demo' } } };
 
 export default function ColorCheckboxes() {
   return (

docs/data/material/components/checkboxes/ColorCheckboxes.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { pink } from '@mui/material/colors';
 import Checkbox from '@mui/material/Checkbox';
 
-const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+const label = { slotProps: { input: { 'aria-label': 'Checkbox demo' } } };
 
 export default function ColorCheckboxes() {
   return (

docs/data/material/components/checkboxes/ControlledCheckbox.js

@@ -12,7 +12,9 @@ export default function ControlledCheckbox() {
     <Checkbox
       checked={checked}
       onChange={handleChange}
-      inputProps={{ 'aria-label': 'controlled' }}
+      slotProps={{
+        input: { 'aria-label': 'controlled' },
+      }}
     />
   );
 }

docs/data/material/components/checkboxes/ControlledCheckbox.tsx

@@ -12,7 +12,9 @@ export default function ControlledCheckbox() {
     <Checkbox
       checked={checked}
       onChange={handleChange}
-      inputProps={{ 'aria-label': 'controlled' }}
+      slotProps={{
+        input: { 'aria-label': 'controlled' },
+      }}
     />
   );
 }

docs/data/material/components/checkboxes/ControlledCheckbox.tsx.preview

@@ -1,5 +1,7 @@
 <Checkbox
   checked={checked}
   onChange={handleChange}
-  inputProps={{ 'aria-label': 'controlled' }}
+  slotProps={{
+    input: { 'aria-label': 'controlled' },
+  }}
 />

docs/data/material/components/checkboxes/CustomizedCheckbox.js

@@ -60,7 +60,7 @@ function BpCheckbox(props) {
       color="default"
       checkedIcon={<BpCheckedIcon />}
       icon={<BpIcon />}
-      inputProps={{ 'aria-label': 'Checkbox demo' }}
+      slotProps={{ input: { 'aria-label': 'Checkbox demo' } }}
       {...props}
     />
   );

docs/data/material/components/checkboxes/CustomizedCheckbox.tsx

@@ -60,7 +60,7 @@ function BpCheckbox(props: CheckboxProps) {
       color="default"
       checkedIcon={<BpCheckedIcon />}
       icon={<BpIcon />}
-      inputProps={{ 'aria-label': 'Checkbox demo' }}
+      slotProps={{ input: { 'aria-label': 'Checkbox demo' } }}
       {...props}
     />
   );

docs/data/material/components/checkboxes/IconCheckboxes.js

@@ -5,7 +5,7 @@ import Favorite from '@mui/icons-material/Favorite';
 import BookmarkBorderIcon from '@mui/icons-material/BookmarkBorder';
 import BookmarkIcon from '@mui/icons-material/Bookmark';
 
-const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+const label = { slotProps: { input: { 'aria-label': 'Checkbox demo' } } };
 
 export default function IconCheckboxes() {
   return (