我试图改变材料UI,DatePicker,日期,文本和日历图标颜色。
我试图将其传递样式更改为InputProps,但它只用于移除边框。
相反,没有什么改变,我试图将样式应用于theme.tsx,但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
因此,昨天,我使用最新版本(12.1.0),按照的指南,将创建-反应-应用程序项目迁移到了下一个JS。我还使用以下一些包使用MUI also (与迁移前一样):
“@梅/图标-材料”:“^5.3.0”、“@梅/实验室”:“^5.0.0-字母62”、“@梅/材料”:"^5.3.0",
除了解决过去24小时中的一些问题外,我还遇到了一个新的问题,我注意到我的站点周围使用的所有'MuiButton‘组件现在都包含一个新的CSS类名(到目前为止,它似乎超出了我的控制范围,并以某种方式注入了它)。例如,我的菜单导航中的一个按钮现在包含了类属性末尾的css-1w1rijm-MuiB
我试图导入一些图标和我的网站,但材料ui文档显示一些代码,不允许我改变现有的图标。
import * as React from 'react';
import Box from '@mui/material/Box';
import Drawer from '@mui/material/Drawer';
import CssBaseline from '@mui/material/CssBaseline';
import AppBar from '@mui/material/AppBar';
import To
我已经创建了一个带有基于mui滑块的图标的滑块,如果用户需要的话,使用道具来添加图标,但是我的“填充:红色”属性并没有在本地主机中的图标leftSliderIcon和rightSliderIcon上呈现--我的目标是..MuiSvgIcon root类选择器。我在下面所做的所有其他类样式都是有效的,并且我尝试了其他的堆栈溢出解决方案,但都没有效果。我做错了什么?谢谢!
import * as React from "react";
import { Slider as MuiSlider, SliderValueLabelProps as MuiSliderValueLabel
我有一个页脚在我的反应应用程序底部,有四个图标作为标签。我想更改按下的图标的颜色。使用我当前的代码,当一个图标被按下时,它会改变多个图标。我不知道如何在if语句中实现这一点,以便只更改按下的图标的颜色,并将活动图标还原回其灰色颜色。任何帮助都很感谢,这是我的应用程序的页脚:
import {React, useState} from "react";
import "./Footer.css";
import NightlightRoundedIcon from '@mui/icons-material/NightlightRounded';
i
使用以下版本
npm view react version # 17.0.2
我的代码是:
import React from 'react';
import Paper from '@mui/material/Paper';
import Grid from '@mui/material/Grid';
import Image from "material-ui-image";
import Typography from '@mui/material/Typography';
import Rating fro
我正在开发一个使用MUI和Sass的React项目。目前有多个scss文件装满了!important,用sass覆盖MUI样式.我试图通过删除!important并添加:
import { StyledEngineProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline'
<CssBaseline />
<StyledEngineProvider injectFirst>
*** component tree he
当前的MUI按钮支持以下size道具值
small
medium
large
虽然这很方便,但我希望能够将高度和宽度传递到style道具中,并自定义大小如下
<Button
variant="contained"
size="large"
onClick={onDownloadButtonClick}
style={{
width: '30em',
height: '40
我已经创建了一个带有共享组件库的monorepo,但是当我从该库导入包含来自@ MUI /图标的mui图标的组件时,我会得到以下错误:
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
这就是我在console.log()导入图标时得到的结果
import AddIcon from '@mui/icons-material/Save';
console
我有2个mui图标,我想在每次点击时切换。我为它们创建了一个组件,其中一个属性(名为btnClicked)确定了状态,单击时组件会呈现,但图标按钮不变,代码是: import React,{useState} from 'react';
import {IconButton } from '@material-ui/core';
import AddIcon from '@mui/icons-material/Add';
import UndoIcon from '@mui/icons-material/Undo';
impor
我试图指定一个图像,CPack/NSIS使用它来创建一个应用程序符号。它应该显示在“开始”菜单文件夹、桌面图标和“应用程序和功能”菜单中。到目前为止我知道的是:
# Icon displayed inside the installer on top left
set(CPACK_PACKAGE_ICON ""${CMAKE_CURRENT_SOURCE_DIR}/images\\\\Icon.bmp")
# Icon visible in Taskbar at installation, same for CPACK_NSIS_MUI_UNIICON
set(CPA
我是新来的反应和MUI。我想将图标作为道具传递给另一个组件,并让该组件在呈现图标之前显式地设置它的颜色,这取决于某些内部逻辑,例如某些按钮的切换状态。让我们假设我的组件如下所示:
import { Button, Stack } from '@mui/material';
import SyncIcon from '@mui/icons-material/Sync';
const MyWidget = (props: any) => {
const toggle = true;
return (
// how to set the c
我使用的是材质ui图标,这里有另一个连接到它的相机图标(AddIcon),我想为每个字母设置图标,但是资料ui没有,所以我找到了有字母表的‘物镜设计图标’。我的问题是如何替换这个加(上瘾),例如用'b‘字母表的’物质设计图标‘?
我的代码:代码框:
代码:
import * as React from "react";
import Box from "@mui/material/Box";
import Container from "@mui/material/Container";
import AddIcon from