import React from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import Ico
我试图用Material UI扩展Theme,但它抛出了一个错误,说我没有正确地扩展它, Property 'layout' is missing in type 'Palette' but required in type 'IPaletteOptions'. 这就是我所拥有的: // src/theme/theme.d.ts
import { Theme } from "@material-ui/core/styles";
import {
IPaletteOptions,
PaletteOptions
} from
我正在使用react- grid -layout库创建一个自适应网格,其中每个项目都是react material ui中的一个纸质组件。
在运行浏览器中收到的应用程序时,我遇到了一个问题:"./node_modules/@material-ui/styles/esm/useTheme/ThemeContext.js“模块下的"TypeError: react__WEBPACK_IMPORTED_MODULE____default.a.createContext is not a function”
我是个新手,所以也许我做了一些非常愚蠢的事情,但我会非常感谢你的帮助,因为我有
我已经在我的App.js中创建了一个主题,它覆盖了原色和次色。我让ThemeProvider包装了一个Home零部件。被替代的值不会显示在Home构件中。我做错了什么? App.js import React from 'react'
import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles'
import purple from '@material-ui/core/colors/purple'
import green from '@materi
我试图在所有页面上呈现除了登录页面之外的资料UI抽屉,但它并没有相应地工作。
In
我的有两个路由登录和仪表板(都在工作)
然后,我的仪表板页面有多条用于主页和页面的路由(它们都不起作用)。
下面是我的代码。另外,我还附加了相同的codeSandBox
期望输出来理解我想要的输出
On login URL = <Login/> should render
On dashboard URL = <AppDrawer/> should render
inside AppDrawer I am having more routes in
<mai
我正在建立一个设计系统,其中使用引擎盖下的材料UI。我需要自定义一个禁用复选框的设计。 在这段代码中,为什么没有应用将颜色设置为金色的disabled样式? import CheckboxMUI from '@material-ui/core/Checkbox';
import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
import FormControlLabel from '@material-ui/core/FormControlLabel
根据屏幕大小,我有两个按钮要显示(对于中等屏幕,一个按钮,另一个按钮,用于其他屏幕)。我使用Material的MediaQuery和theme.breakpoints来定义屏幕大小。
这是我的UI代码,我在React中使用类型记录。
import React from "react";
import Button from "@material-ui/core/Button";
import useMediaQuery from "@material-ui/core/useMediaQuery";
import { useTheme } from
我正在尝试将CloseIcon与flex-end对齐,这样它就能正确地浮动,但无法找到应用该样式的位置。
import React from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import List