如何設置material-ui ListItem的紋波顏色？

我可以在文檔中的任何地方找到如何去設置material-ui ListItem上的波紋顏色。我有列表項包裹在MuiThemeProvider我重寫的主題是這樣的：如何設置material-ui ListItem的紋波顏色？

const muiTheme = getMuiTheme({ 
    palette: { 
    hoverColor: 'red', 
    }, 
}); 

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

我應該設置什麼調色板顏色屬性來改變紋波顏色？

來源

2017-02-02 SomethingOn

您正確的道路！要改變波紋的顏色，你的主題應該是：

const muiTheme = getMuiTheme({ 
    ripple: { 
    color: 'red', 
    }, 
});

...然而，改變紋波顏色對於大多數material-ui成分，不只是列表項的。你可以用focusRippleColor和touchRippleColor性能上ListItem直接更改波紋顏色：

<ListItem focusRippleColor="darkRed" touchRippleColor="red" primaryText="Hello" />

來源

2017-02-03 00:34:29

有沒有'touchRippleColor'的文檔？ –

我來到這裏工作的按鈕類似的問題，但它似乎是整個連鎖反應一致的，所以，這可能會幫助未來的人。

在Material-UI next/v1中，rippleColor顯式鏈接到元素的標籤顏色。如果您希望紋波和標籤具有不同的顏色，則必須分別覆蓋標籤顏色。

import MUIButton from 'material-ui/Button'; 
import {withStyles} from 'material-ui/styles'; 

const Button = (props) => { 

    return <MUIButton className={props.classes.button}>Hat</MUIButton> 

const styles = { 
    button: {color: 'rebeccapurple'} 
}; 

export default withStyles(styles)(Button);

這應該會爲您帶來一個重載的波紋顏色。

來源

2018-02-16 18:34:13 walwoodr

如何設置material-ui ListItem的紋波顏色？

回答

相關問題