チェックボックスのアイコンのスタイルの問題の材質ui

Question

チェックボックスのアイコンの色とチェックされた色をカスタマイズしようとしていますが、これを行うのが難しいです。

iconStyleがここで動作しないかのようですか？チェックボックスはまだブラックボックスの色と青がチェックされたままです。

http://www.webpackbin.com/EkQIozSFf

どのように私はボックスの色をカスタマイズし、アイコンの色を確認することができますか？

Answer 1

import { Checkbox } from 'material-ui'; 
import UnCheckedIcon from 'material-ui/svg-icons/toggle/check-box-outline-blank'; 
import CheckedIcon from 'material-ui/svg-icons/toggle/check-box' 

export default class HelloWorld extends React.Component { 
    constructor(props) { 
    super(props); 
} 

render() { 

return (
    <Checkbox 
    uncheckedIcon={<UnCheckedIcon style={{fill: "#ff0000"}} />} 
    checkedIcon={<CheckedIcon style={{fill: "#ff0000"}} />} 
    label="Checkbox Label"/> 
)}} 

これは非常にうまく機能し