I'm looking for a way to extend MUI v5's MuiCssBaseline with a rule to set margin: 0 on all the heading and paragraph tags. I've tried this: MuiCssBaseline: { styleOverrides: { '@global': { h4 { margin: 0 } } }…
The documentation of Mui states When close to a screen edge, a basic menu vertically realigns to make sure that all menu items are completely visible. This behavior is very inconvenient for the responsive pages I am writing since menus…
When validation fails, I want the error message and TextField to look this way: Desired result image. So far, using MUI, I'm getting close to the desired result. Here is where I'm at: My progress image, but I'm not sure…
how to scroll when clicking in the selection menu TextField material ui? I found an example, you can scroll there if you replace it with select and set it via MenuProps, but this option does not suit me. I need…
The map function in TextField does not work if it is located in the component material-ui I have two TextFields in the first one the radio button works, in the second one the radio button does not work. How to…
When using Styled Components with MUI System Props I found that the styled component styling takes precedence, for example in the snippet below the box would render with justify content set as space-around: const CustomBox = styled(Box)(() => ({ display:…
I have a MUIRadioGroup (options = Low, Medium and High) and a multi-select MUIAutocomplete component on my form. <MUIRadioGroup name="requestDetail.riskAssesmentDetail.riskClassification" label="Risk Classification" variant="outlined" size="small" defaultValue /> <MUIAutocomplete name="requestDetail.riskAssesmentDetail.safetyDetail.investigationType" label="Type of Investigation" variant="outlined" size="small" multiple disableCloseOnSelect options={API_Safety_InvestigationType} /> My Schema is...…