Questions tagged [material-ui]
This tag should be used for questions regarding the Material UI library: React components that implement Google's Material Design. This open-source project is maintained by MUI.
material-ui
22,775
questions
0
votes
1
answer
19
views
Material-UI tree editable items
I am using RichTreeView component from Material-UI lib and would like to create an editable tree: so when user click on particular button positioned after every item dropdown list pops up.
I tried to ...
- 61
0
votes
0
answers
14
views
React (MUI) Page not loading on mobile
I have a react page using MUI components with the following main app code:
// Theme and other components
import React, { useEffect, useState, lazy, Suspense, MouseEvent } from 'react';
import Box from ...
- 23
0
votes
0
answers
19
views
How to make autocomplete field with RadioGroup component
I have a text field (select mode) with options in RadioGroup like below:
For "Service" field I can choose options from three categories. To choose an option I have to scroll down long list. ...
- 23
1
vote
1
answer
18
views
Combines Angular Material table-expandable-rows and table-wrapped, and adds custom expand details but cannot show the custom detail content
I tried to create a component that combines table-expandable-row and table-wrapped, and use ngTemplateOutletContext to add custom details, but it does not work.
Stackblitz:
https://stackblitz.com/edit/...
- 231
0
votes
0
answers
15
views
How to change the value of a MUI DatePicker or TimePicker in Jest/react-testing-library?
I have a component that uses the Material UI datepicker and timepicker.
function MyComponent() {
const [dateFilter, setDateFilter] = useState(moment());
const [timeFilter, setTimeFilter] = ...
- 1
0
votes
1
answer
24
views
Remove Border Bottom From MUI Selected Tabs - React
I am trying to custom style MUI Tabs in order to get something like
I have create sample code Here is the codesandbox example in which border bottom will be 100% and for selected tab it should ...
- 148
0
votes
1
answer
36
views
How can I re-render my MUI checkboxes after changing some states? React JS
I made an application where I can visualize a graph. All nodes in the graph are blue, and I have a component that is basically a checkbox. The user can click it, and I change a state. This state ...
0
votes
0
answers
14
views
How to use custom function in onChange event handler in React-Hook-Form?
I want to create a form with two MUI Select components. Conference and division are inter-related. Their relationships are described below.
There is a conference corresponding to each division, as ...
- 11
0
votes
0
answers
18
views
Why does every component in @mui/material library has its own package.json?
I am building a React UI library. I have decided to use @mui/material as a reference for architecture (not completely, but more as an inspiration source). I have noticed that every folder with ESM ...
- 160
0
votes
1
answer
26
views
How to change the color of the value attribute displayed in the center of the MUI Gauge chart component
I want to use the material UI gauge but with a custom color for the value attribute displayed at the center. In this case the 60 displayed at the center of the image provided.
This is source code for ...
- 3
0
votes
0
answers
10
views
Unable to catch aux-click event on MUI DataGrid cell
I have a MUI DataGrid component, and I'm facing an issue where I am not able to catch a aux-click event on a cell.
I have tried to use the onCellClick callback function, but it only triggers on a left ...
- 132
0
votes
1
answer
29
views
Unable to use MUI X Date picker Component inside Joy UI CssVarsProvider wrapper
Crash errors whenever i try to use DatePicker component in a any of my component.
package.json
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/...
- 25
0
votes
0
answers
14
views
MUI Grid Component, default padding is not working properly
I'm very new to MUI, and there are things that I don't get why they're not working the way I want.
I know that some components like <Grid item> have their default padding-top and padding-left, ...
- 21
0
votes
0
answers
23
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
0
votes
0
answers
33
views
I get a blank page when I try to access my site on iOS
i'm actually working on an app built with reactJs, i can access it from all the platforms
(Fedora, Android, Windows, Mac OS), but on iPhone I just get a blank page, with this error.
Versions:
react: ...
- 11