[material-ui][Stepper] Not generating a utility class for `nonLinear` about material-ui HOT 4 CLOSED

Hey @alexismo, thanks for the report! I understand the issue but could you provide a minimal reproduction? This would help us understand the use case better. A live example would be perfect. This StackBlitz sandbox template may be a good starting point. Thank you!

from material-ui.

Sure thing! @DiegoAndai, here you are: https://stackblitz.com/edit/stackblitz-starters-3a8adj?file=src%2FApp.tsx

from material-ui.

@danilo-leal should I wait for the maintainer's response before submitting a PR to material-ui?

from material-ui.

I think we can add this class. @alexismo, feel free to create a PR; I'll mark it as an enhancement.

You can also use theme variants:

const theme = createTheme({
  components: {
    MuiStep: {
      styleOverrides: {
        root: {
          '&[class*="Mui-completed"]': {
            '& [class*="MuiStepConnector-line"]': {
              borderColor: 'green',
              borderWidth: '3px',
            },
          },
        },
      },
    },
    MuiStepConnector: {
      styleOverrides: {
        line: {
          borderWidth: '2px',
          borderColor: 'darkgrey',
        },
      },
    },
    MuiStepper: {
      variants: [
        {
          props: { nonLinear: true },
          style: {
            border: '2px solid red',
          },
        },
      ],
    },
  },
});

However, if I understood your use case correctly, if you want to target individual steps in a non-linear stepper, the above theme variants won't work.

from material-ui.