diff --git a/docs/pages/api-docs/data-grid/data-grid-pro.json b/docs/pages/api-docs/data-grid/data-grid-pro.json
index 8bf0f8070811..dcfe4dfd73f3 100644
--- a/docs/pages/api-docs/data-grid/data-grid-pro.json
+++ b/docs/pages/api-docs/data-grid/data-grid-pro.json
@@ -168,10 +168,10 @@
"throttleRowsMs": { "type": { "name": "number" }, "default": "0" }
},
"slots": {
+ "BaseCheckbox": { "default": "Checkbox", "type": { "name": "elementType" } },
"BooleanCellFalseIcon": { "default": "GridCloseIcon", "type": { "name": "elementType" } },
"BooleanCellTrueIcon": { "default": "GridCheckIcon", "type": { "name": "elementType" } },
"Cell": { "type": { "name": "elementType" } },
- "Checkbox": { "default": "Checkbox", "type": { "name": "elementType" } },
"ColumnFilteredIcon": { "default": "GridFilterAltIcon", "type": { "name": "elementType" } },
"ColumnMenu": { "default": "GridColumnMenu", "type": { "name": "elementType" } },
"ColumnMenuIcon": {
diff --git a/docs/pages/api-docs/data-grid/data-grid.json b/docs/pages/api-docs/data-grid/data-grid.json
index c332e6ca1c17..ce92034e3a2a 100644
--- a/docs/pages/api-docs/data-grid/data-grid.json
+++ b/docs/pages/api-docs/data-grid/data-grid.json
@@ -140,10 +140,10 @@
}
},
"slots": {
+ "BaseCheckbox": { "default": "Checkbox", "type": { "name": "elementType" } },
"BooleanCellFalseIcon": { "default": "GridCloseIcon", "type": { "name": "elementType" } },
"BooleanCellTrueIcon": { "default": "GridCheckIcon", "type": { "name": "elementType" } },
"Cell": { "type": { "name": "elementType" } },
- "Checkbox": { "default": "Checkbox", "type": { "name": "elementType" } },
"ColumnFilteredIcon": { "default": "GridFilterAltIcon", "type": { "name": "elementType" } },
"ColumnMenu": { "default": "GridColumnMenu", "type": { "name": "elementType" } },
"ColumnMenuIcon": {
diff --git a/docs/translations/api-docs/data-grid/data-grid-pro-pt.json b/docs/translations/api-docs/data-grid/data-grid-pro-pt.json
index edf026d92266..979cb5267cc5 100644
--- a/docs/translations/api-docs/data-grid/data-grid-pro-pt.json
+++ b/docs/translations/api-docs/data-grid/data-grid-pro-pt.json
@@ -387,7 +387,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/docs/translations/api-docs/data-grid/data-grid-pro-zh.json b/docs/translations/api-docs/data-grid/data-grid-pro-zh.json
index edf026d92266..979cb5267cc5 100644
--- a/docs/translations/api-docs/data-grid/data-grid-pro-zh.json
+++ b/docs/translations/api-docs/data-grid/data-grid-pro-zh.json
@@ -387,7 +387,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/docs/translations/api-docs/data-grid/data-grid-pro.json b/docs/translations/api-docs/data-grid/data-grid-pro.json
index edf026d92266..979cb5267cc5 100644
--- a/docs/translations/api-docs/data-grid/data-grid-pro.json
+++ b/docs/translations/api-docs/data-grid/data-grid-pro.json
@@ -387,7 +387,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/docs/translations/api-docs/data-grid/data-grid-pt.json b/docs/translations/api-docs/data-grid/data-grid-pt.json
index 5f7c35b91cfb..8d8b73e60b16 100644
--- a/docs/translations/api-docs/data-grid/data-grid-pt.json
+++ b/docs/translations/api-docs/data-grid/data-grid-pt.json
@@ -373,7 +373,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/docs/translations/api-docs/data-grid/data-grid-zh.json b/docs/translations/api-docs/data-grid/data-grid-zh.json
index 5f7c35b91cfb..8d8b73e60b16 100644
--- a/docs/translations/api-docs/data-grid/data-grid-zh.json
+++ b/docs/translations/api-docs/data-grid/data-grid-zh.json
@@ -373,7 +373,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/docs/translations/api-docs/data-grid/data-grid.json b/docs/translations/api-docs/data-grid/data-grid.json
index 5f7c35b91cfb..8d8b73e60b16 100644
--- a/docs/translations/api-docs/data-grid/data-grid.json
+++ b/docs/translations/api-docs/data-grid/data-grid.json
@@ -373,7 +373,7 @@
},
"slotDescriptions": {
"Cell": "Component rendered for each cell.",
- "Checkbox": "The custom Checkbox component used in the grid for both header and cells.",
+ "BaseCheckbox": "The custom Checkbox component used in the grid for both header and cells.",
"ColumnMenu": "Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.",
"ErrorOverlay": "Error overlay component rendered above the grid when an error is caught.",
"Footer": "Footer component rendered at the bottom of the grid viewport.",
diff --git a/packages/grid/_modules_/grid/components/columnSelection/GridCellCheckboxRenderer.tsx b/packages/grid/_modules_/grid/components/columnSelection/GridCellCheckboxRenderer.tsx
index 0547cc51bfc1..5dee6402cfda 100644
--- a/packages/grid/_modules_/grid/components/columnSelection/GridCellCheckboxRenderer.tsx
+++ b/packages/grid/_modules_/grid/components/columnSelection/GridCellCheckboxRenderer.tsx
@@ -73,7 +73,7 @@ const GridCellCheckboxForwardRef = React.forwardRef
);
},
diff --git a/packages/grid/_modules_/grid/components/columnSelection/GridHeaderCheckbox.tsx b/packages/grid/_modules_/grid/components/columnSelection/GridHeaderCheckbox.tsx
index 1f5e1ce734fb..1acb9ed6d860 100644
--- a/packages/grid/_modules_/grid/components/columnSelection/GridHeaderCheckbox.tsx
+++ b/packages/grid/_modules_/grid/components/columnSelection/GridHeaderCheckbox.tsx
@@ -118,7 +118,7 @@ const GridHeaderCheckbox = React.forwardRef
);
},
diff --git a/packages/grid/_modules_/grid/hooks/utils/useGridProcessedProps.ts b/packages/grid/_modules_/grid/hooks/utils/useGridProcessedProps.ts
index 6cb9f41135ad..d75875dda4e5 100644
--- a/packages/grid/_modules_/grid/hooks/utils/useGridProcessedProps.ts
+++ b/packages/grid/_modules_/grid/hooks/utils/useGridProcessedProps.ts
@@ -57,7 +57,7 @@ const DEFAULT_GRID_ICON_SLOTS_COMPONENTS: GridIconSlotsComponent = {
const DEFAULT_GRID_SLOTS_COMPONENTS: GridSlotsComponent = {
...DEFAULT_GRID_ICON_SLOTS_COMPONENTS,
Cell: GridCell,
- Checkbox: MUICheckbox,
+ BaseCheckbox: MUICheckbox,
ColumnMenu: GridColumnMenu,
ErrorOverlay,
Footer: GridFooter,
diff --git a/packages/grid/_modules_/grid/models/gridSlotsComponent.ts b/packages/grid/_modules_/grid/models/gridSlotsComponent.ts
index 8a63a7ee5f70..cc8dc48223d8 100644
--- a/packages/grid/_modules_/grid/models/gridSlotsComponent.ts
+++ b/packages/grid/_modules_/grid/models/gridSlotsComponent.ts
@@ -14,7 +14,7 @@ export interface GridSlotsComponent extends GridIconSlotsComponent {
* The custom Checkbox component used in the grid for both header and cells.
* @default Checkbox
*/
- Checkbox: React.JSXElementConstructor;
+ BaseCheckbox: React.JSXElementConstructor;
/**
* Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.
* @default GridColumnMenu
diff --git a/packages/grid/_modules_/grid/models/gridSlotsComponentsProps.ts b/packages/grid/_modules_/grid/models/gridSlotsComponentsProps.ts
index c6ea5fc4c4f6..e3e2d8e3ed63 100644
--- a/packages/grid/_modules_/grid/models/gridSlotsComponentsProps.ts
+++ b/packages/grid/_modules_/grid/models/gridSlotsComponentsProps.ts
@@ -2,7 +2,7 @@
* Overrideable components props dynamically passed to the component at rendering.
*/
export interface GridSlotsComponentsProps {
- checkbox?: any;
+ baseCheckbox?: any;
cell?: any;
columnMenu?: any;
columnsPanel?: any;