如何自定义材料中的线性颜色ui

Question

我已经为我的代码库设置了一个主题，例如这样：

createTheme

它适合组件：

import { createTheme } from '@mui/material/styles';

export default function getTheme() {
  return {
    theme: createTheme({
      palette: {
        ...,
        progress: {
          0: '#000000',
          126: '#222222',
          251: '#444444',
          376: '#666666',
          501: '#888888',
          626: '#aaaaaa',
          751: '#cccccc',
          876: '#eeeeee',
          1000: '#ffffff',
        },
        ...,
      }
    });
  }
}

，但是，当我将其与

Typography

：

一起使用时，它会增加

import { Typography } from '@mui/material';

export default function HelloWorld() {
  return (
    <Typography color="progress.126">
      Hello World
    </Typography>
  );
}

TypeError: Cannot read properties of undefined (reading 'main')

i使用`box'找到了一个工具，并将颜色设置为`linearprogress'的继承：``jjavascript

Answer 1

Import{box，linearprogress}来自'@mui/材料';

Export默认函数progressbar（）{

回报（

LinearProgress

）;

}```

，我想知道是否有一种方法可以使它像“排日”中一样工作，即，不需要额外的``盒子''组件。