实施Google Material Design的React组件。 http://material-ui.com
我想在xs大小时为MUI容器设置disableGutters。 到目前为止我只能这样做: ...很多...
使用两个MUI X DatePicker创建DateRangePicker
我正在尝试使用 MUI RangePickers 构建一个 DateRangePicker,但我不知道如何仅使用一个日历来选择开始日期和结束日期。 这是我尝试过的: https://codesandbox.io/s/
我刚刚安装了 Material UI,发现了这样的消息: 编译有问题: ./node_modules/@mui/material/AccordionActions/AccordionActions.js 中的错误 7:0-70 找不到模块:错误:不能
我正在尝试在 Angular 18 和 Angular Material 18 中显示父级和子级选择列表。 我希望初始父级选择“显示全部”,然后禁用子级选择...
扩展 MUI 组件会出现有关“css”属性缺失的 TS 错误
我们使用自定义组件 (MySnackbarContent) 扩展了 SnackbarContent 组件: 导出接口 MySnackbarContentProps 扩展 Omit { 变体?:
如何让 React 应用程序在作为 prop 传递时将 api 数据显示为 html 而不是字符串
我正在尝试显示从菜谱 API 获得的文本块,该文本包括粗体标签和链接等 html 元素,但被包装在字符串中,因此它显示文字文本当前文本 ...
如果用户在百分比列中输入数据,我想使分数列的编辑为假,反之亦然。 我按照官方 MUI Grid 示例中的以下示例进行操作。 示例如下...
Material-UI - 如何在自动完成中自定义下拉图标?
如何更改打开/关闭下拉列表的图标? 我希望功能保持不变。 当我尝试将它们添加为 endAdornment 时,删除和打开的功能都消失了......
React MUI Avatar div 高度默认为静态值(40px)
我的页面上有一个 MUI Avatar 元素: 我的页面上有一个 MUI 头像元素: <Avatar sx={{ width: 180, height:'auto', maxHeight: 180, margin: 2 }} variant="square" alt={""} src={global.config.baseUrl + '/image/logo' + this.state.user.userId + '.jpg'} /> 这会生成以下 DOM: <div class="MuiAvatar-root MuiAvatar-square css-eqjmj4"> <img alt="" src="/image/logo1.jpg" class="MuiAvatar-img css-1hy9t21"> </div> 具有以下 css 类: .css-eqjmj4 { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; height: 40px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1; border-radius: 0px; overflow: hidden; user-select: none; width: 180px; max-height: 180px; margin: 16px; } 我希望将宽度设置为正好 180 像素,高度按比例缩放(最大高度为 180 像素) 由于某种原因,css 类将高度硬编码为 height: 40px; 我怎样才能覆盖它? 看起来 square 的 Avatar 变体只是场景背后的 height 和 width 的 CSS,这并不是很直观。 我的建议是——自己添加 aspect-ratio 的样式(所有现代浏览器都支持),值为 1 / 1,这样代码看起来就像这样。 <Avatar sx={{ width: 180, aspectRatio: "1 / 1", // <-- look here height: "auto", maxHeight: 180, margin: 2, }} variant="square" src="/static/images/avatar/3.jpg" /> 当您设置比它大的 max-height 时,这将与 width 一起使用。 这是一个工作示例
我正在尝试覆盖滚动条行为。当我应用下面的代码时,即使我没有滚动,滚动条也会变得可见。这意味着如果有滚动条它总是可见的。在下面申请之前...
我正在使用 MUI DataGrid 创建文件列表。用户可以选中 DataGrid 中的复选框来进行选择。我希望在用户执行某些操作(例如删除
如果我不使用columnVisibilityModel={visibleColumns},那么列管理中的切换工作正常,但它最初显示所有列,而我希望最初只显示几列。 目前的鳕鱼...
我想在React中使用MUI(使用Typescript)创建一个组件,它是其他两个组件的组合: 版式(来自 MUI) 翻译(来自https://github.com/sealninja/react-i18nify...
我有一个来自后端的“YYYY-MM-DD”格式的字符串数组。我只想使用 momentjs 适配器在 MUI 日期选择器中显示数组中的那些日期,而所有其他日期都必须是
在 Material UI 上获取表格分页按钮和每页左侧的行
有一个网站,我正在尝试缩小表格以适应移动屏幕,并在必要时进行扩展。 我可以让它缩小并删除水平滚动条,但是页脚是
我正在尝试停用材质用户界面编辑图标上的指针事件。 (我的目标是当鼠标悬停在图标上时“手”消失。) 从“@material-ui/icons/Create”导入 EditIcon; 重要...
我开始研究Material 3支持,但找不到哪些Android版本支持Material 3设计库(MD3)的版本列表
我正在使用 MUI v6.0.2,并且遇到了 popper 放置问题。当我向上滚动并尝试打开日期选择器时,它不会在输入的顶部打开,而是在页面上方的某个位置打开。底部
我一直在努力让材质表按照我想要的方式工作:我需要能够一次选择一行并使用其状态来操作其内容。我以此为基础......
当尝试在 JavaFX 中使用 Tooltip 而不是 Label 时,不会显示验证消息。我还尝试使用一些替代方法来显示 TextBox 控件的消息,但没有成功