Buy nowGet update
  • getting started
    • Introduction
    • Quick start
    • Mock server
    • Deployment
    • Package & license
    • Setup
    • Figma
  • theme UI
    • Colors
    • Typography
    • IconsNEW
    • Shadows
    • Css vars
    • Logo
    • Layout
    • Navigation
    • Settings
  • Global
    • Styles
    • Config
    • Components overrides
  • development
    • Routing
    • Subfolder
    • Authentication
    • Environment variables
    • Api calls
    • Multi language
    • Structure
    • Clean project
    • Dependencies
    • Tailwind
    • Migrate to CRA
    • Credit assets
  • support
    • 🔵 Update
    • 🔴 Faqs & support
    • 🟣 Changelogv7.4.0
© All rights reserved.ContactHome

MUI Overrides

Overrides the components of the MUI in the directory src/theme/overrides


styleOverrides

src/theme/overrides/components

https://mui.com/material-ui/customization/theme-components/#theme-style-overrides


defaultProps

src/theme/overrides/default-props.js

https://mui.com/material-ui/customization/theme-components/#theme-default-props


Reference:

  • https://mui.com/components/
  • https://mui.com/material-ui/customization/theme-components/
  • https://mui.com/customization/theme-components/#global-style-overrides
src
  ├── theme/overrides
    ├── default-props.js
    ├── components
      ├── accordion.js
      ├── alert.js
      ├── autocomplete.js
      ├── avatar.js
      ├── backdrop.js
      ├── ...
...

Before Overrides (MUI theme)

Before overrides

After Overrides (Minimal theme)

After overrides

The change will apply globally for MUI component.

This helps you to deeply customize your style, to suit your design.