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
- 1039 reads