The ripple effect is exclusively coming from the BaseButton
component. You can disable the ripple effect globally by providing the following in your theme:
1 2 3 4 5 6 7 8 9 10 11 | import { createMuiTheme } from '@material-ui/core'; const theme = createMuiTheme({ props: { // Name of the component MuiButtonBase: { // The properties to apply disableRipple: true, // No more ripple, on the whole application! }, }, }); |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.