search

timmonsgroup / shared-react-components

0 stars 1 forks source link

We need to be able to customize the color of the error message to address accessibility contrast issues #8

Closed eric-schmiel-timmons closed 7 months ago

eric-schmiel-timmons commented 7 months ago

Is there anyway to customize the color of the error indicators? WAVE is giving me complaints about the color contrast of the required * next to the Dynamic Field labels:

image

apeling commented 7 months ago

requiredIndicator styling now possible in 1.0.2-alpha and up versions. Other error text colors can be controlled via your MUI theme overrides.

MuiFormHelperText: {
      styleOverrides: {
        root: {
          color: darkGrey,
          fontSize: '16px',
          "& .Mui-error": {
            color: 'yourColorHere'
          }
        }
      }
    },
MuiFormHelperText: { ///same thing