mui 4 Переопределяем объект конфигурации основной темы, для вложеной темы
Primary tabs
Например:
import { ThemeMode } from 'constants/ThemeMode';
import { createTheme } from '@material-ui/core/styles';
import { getThemeConfigObject } from 'styles/theme/createThemeByMode';
export function getIsolatedThemeWithResetedOptions(themeMode: ThemeMode) {
const baseConfig = getThemeConfigObject(themeMode); // объект конфигурации вашей основной темы
delete baseConfig?.props?.MuiTextField?.focused;
if (baseConfig?.overrides?.MuiOutlinedInput?.input) {
baseConfig.overrides.MuiOutlinedInput.input = {
...baseConfig.overrides.MuiOutlinedInput.input,
height: '1.1876em',
};
}
return createTheme(baseConfig);
}-- тут, помимо прочего, мы сбрасываем настройку focused для MuiTextField
И дальше это уже можно использовать в компоненте:
const themeMode = useSelector(selectThemeMode);
const isolatedTheme = getIsolatedThemeWithResetedOptions(themeMode);
return (
<ThemeProvider theme={isolatedTheme}>
// что-то внутри вложенной темы
</ThemeProvider>
- Log in to post comments
- 1181 reads