CODEWITHSUNDEEP
javascriptreactjsmaterial-ui
mcmxc
mcmxc

Reputation: 594

is it possible to style delete button on a material-ui's Chip component?

No problem with styling chip label or background color, or chip itself. But seems like that delete round button inside chip is a svg icon. Is there any way I can change color of it?

Upvotes: 3

Views: 2705

Answers (1)

Jeff McCloud
Jeff McCloud

Reputation: 5927

Yes, you can do this by overriding the default theme colors for Chip:

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

<MuiThemeProvider muiTheme={getMuiTheme({ chip: { deleteIconColor: 'red' } })}>
// ...

Upvotes: 6

Related Questions