更改样式(颜色)线性进度条/材质用户界面/ Reactjs

时间:2020-09-03 16:57:49

标签: javascript html reactjs material-ui

 <LinearProgress style={{barColorPrimary: "red"}}" value={Number(campanha.Percentual)} />

如何更改条形的barColorPrimary?我需要在代码中使用样式。

1 个答案:

答案 0 :(得分:0)

我喜欢使用withStyles()高阶组件来注入自定义样式。

在此处查看LinearProgress的示例:https://codesandbox.io/s/material-demo-forked-kwvb1?file=/demo.tsx(我们将barColorPrimary替换为条形颜色,将colorPrimary替换为背景)。

有关在Material UI中自定义组件的更多信息,请参见:https://material-ui.com/customization/components/