Оставьте предыдущий шаг открытым. Вертикальный шаговый интерфейс Material-UI.

Попытка реализовать вертикальный степпер и оставить предыдущий шаг открытым, когда я перехожу к следующему. Я пробовал использовать расширенный наStepContent, но он открывает все шаги. Я был бы признателен за понимание того, как исправить, оставьте его открытым. Я добавил пример кода в код песочница


reactjs stepper material-ui uistepper
person Mohamed Aldahoul    schedule 05.10.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вам необходимо использовать свойство active в самом Step. Для вашего случая добавьте что-то вроде

            <Step key={label} active={index===activeStep-1||index===activeStep}>

чтобы предыдущий шаг оставался открытым.

person possum    schedule 05.10.2020