React Material UIでStepperの色をどのように変更しますか？

Question

上記のスクリーンショットで、私はステップの色を緑色に変更しようとしています：緑色は正しく、黄色は進行中、赤色は正しくありません。

どうすればいいですか？

Answer 1

あなたは、以下のようStepLabel部品の小道具のアイコンを変更する必要があります。誰が見ている場合には

<StepLabel 
icon={<WarningIcon color={red500} />} 
style={{color: red500}} 
> 
    Random label 
</StepLabel> 

Answer 2

古い質問をけど。あなたがテーマを編集し、getMuiTheme

import getMuiTheme from 'material-ui/styles/getMuiTheme' 

const muiTheme = getMuiTheme({ 
    stepper: { 
     iconColor: 'green' // or logic to change color 
    } 
}) 

<MuiThemeProvider muiTheme={muiTheme}> 
    <Stepper> 
     ... 
    </Stepper> 
</MuiThemeProvider> 

でそれをラップする必要が

は、コンポーネントとそのデフォルトのカラーschmemesの完全なリストについては、https://github.com/callemall/material-ui/blob/master/src/styles/getMuiTheme.jsを参照してください。

コンポーネントごとに色を上書きしたり、テーマの色全体を変更することができます。