[data grid] SlotProps toolbar doesn't seem to work #19592
Description
Steps to reproduce
Slotprops for toolbar don't seem to work.
Example:
<DataGrid
showToolbar
slotProps={{
toolbar: {
sx: {justifyContent: 'start'},
}
}}
/>
Needed todo to make it work
<DataGrid
showToolbar
sx={{
'& .MuiDataGrid-toolbar': {
justifyContent: 'start'
}
}}
/>
see: https://stackblitz.com/edit/d4dwyfkx-bssgzgmn
Current behavior
Slotprops don't seem to affect the toolbar.
Expected behavior
Slotprops apply to to the toolbar
Context
Trying to use slot props to align the toolbar to the start iso the end.
Your environment
npx @mui/envinfo
System:
OS: Windows 11 10.0.26100
Binaries:
Node: 22.15.1 - C:\Program Files\nodejs\node.EXE
npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
pnpm: Not Found
Browsers:
Chrome: Not Found
Edge: Chromium (140.0.3485.54)
npmPackages:
@emotion/react: ^11.14.0 => 11.14.0
@emotion/styled: ^11.14.1 => 11.14.1
@mui/core-downloads-tracker: 7.3.2
@mui/icons-material: ^7.3.2 => 7.3.2
@mui/material: ^7.3.2 => 7.3.2
@mui/private-theming: 7.3.2
@mui/styled-engine: 7.3.2
@mui/system: 7.3.2
@mui/types: 7.4.6
@mui/utils: 7.3.2
@mui/x-charts: ^8.11.2 => 8.11.2
@mui/x-charts-vendor: 8.11.0
@mui/x-data-grid: ^8.11.2 => 8.11.2
@mui/x-date-pickers: ^8.11.2 => 8.11.2
@mui/x-internal-gestures: 0.2.5
@mui/x-internals: 8.11.2
@mui/x-virtualizer: 0.1.6
@toolpad/core: ^0.16.0 => 0.16.0
@toolpad/utils: 0.16.0
@types/react: ^18.3.20 => 18.3.20
react: ^18.3.1 => 18.3.1
react-dom: ^18.3.1 => 18.3.1
typescript: ^5.8.3 => 5.8.3
Search keywords: slotprops toolbar