代码之家 › 专栏 › 技术社区 › Liam neesan

如何将主灯光颜色设置为MUI中的按钮?

emotion material-design material-ui

Liam neesan · 技术社区 · 3 年前

我不熟悉material UI和react js,我只是尝试添加两个按钮,一个是原色,另一个是原色。我该怎么做

我正在使用情感库。这就是我试过的。我不想更改主灯光的默认颜色,我想使用默认主灯光颜色来设置按钮

<Button variant="contained" >Primary Button</Button>
<Button variant="contained" color="secondary" >secondary Button</Button>

以上两个按钮按预期工作。

<Button variant="contained" color="primary-light" >secondary Button</Button> //I know the syntax is wrong.

怎么做?

0 回复 | 直到 3 年前

Dharman Aman Gojariya 3 年前

“主灯光”不是MUI按钮支持的颜色之一。你可以在这里的文档中看到 here

你有几个选择:

手动替代此按钮的样式。(不理想)。
制作一个指定你想要的颜色的类,并提供十六进制颜色代码作为背景色。(也不理想)。
使用makeStyles创建一个JSX类,该类将应用程序的主题作为参数,并提供 primary.light 颜色直接来自你的主题。(我不确定这在material UI的第5版中是否过时,但在v4中通常会这样做)。

在您的情况下,快速查看文档可能是最容易的 Here 它展示了如何使用主题和 styled 从mui/材质/样式导入的函数。

推荐文章

coder-guy · 如何在角度应用程序中添加材质工具栏?

3 年前

Infii · 带有自定义数据模板的水平ListView

7 年前

ton1 · 如何添加borderTop以反应材质UI表?

7 年前

Demonic218 · 在Android中实现材质设计时出错

7 年前

Jus10 · 弗利特:你如何让卡片可以点击?

7 年前

Marko Zadravec · 带选项卡的引导导航

7 年前

James · 全宽材质UI网格无法正常工作

7 年前

HovSky · jQuery选项卡检查类未检查类

7 年前

Marko Zadravec · 更改django材质库中的选定颜色

7 年前

Geeta · 选定选项上未显示图像

7 年前