Questions tagged [material-ui]
Sophia Terry 
Ask Question
React components that implement Google's Material Design. Please note that this tag should be used for questions regarding the MUI (formerly Material-UI) library. Otherwise, see the tag's info for other tags to use.
17,915 questions 1- Bountied 1
- Unanswered
- Frequent
- Score
- Unanswered (my tags)
Is there an easier way to pick a date with MUI v5 DatePicker with Jest Test
I am using the MUI-X v5 DesktopDatePicker component. In my tests is seems very cumbersome to write out the selection of a date. Is there any libs or easier approach to selecting a date from the date ... reactjs jestjs material-ui datepicker react-testing-library- 1
Can't edit MuiTypography-root
I'm having an issue editing the child of MuiTypography where I want to remove the line-height from muitypography-root it has to be a solution that will only apply to this section. Below I've attached ... reactjs material-ui- 130
Is it possible to show what rows were filtered out?
After applying a filter and say 3 rows were filtered out- instead of it fully disappearing from the ui, can they still be visible / greyed out? material-ui datagrid- 1
React & MUI - Collapse not fully showing flexbox content overflows
I am new to React (v18.1) and MUI (v5.8.4) and I am trying to create a Search modal. I have a simple layout that I made with flexboxes using the Box element from MUI. It is composed of a Searchbar on ... javascript css reactjs material-ui- 3
Having grid items display based on their size MUI Quilted Grid Layout
Image of IssueApologies for the zoomed out image, but I am using MUI in React to display a bunch of nested cards dynamically (The data has nested components rendering other components). Each grid has ... reactjs material-ui- 1
How Can I detect video or image from URL and display it accordingly in a single tag using React and Material UI
Ok Let me explain my situation, I am trying to build a Cover section for a profile page, where users can set either an image or a video as their cover. I am unsure how to render both a video file and ... reactjs image next.js material-ui- 15
How to use Material-UI component inside .ts file?
I am writing some .ts file in mocks. How i need to input there mui element (Facebook icon, for example) export const links: Link[] = [ { url: "", **... typescript material-ui- 11
Material Ui Appbar Customization
I want to customize the Appbar for mobile devices but I don't know why I cant't. Somebody,please help me to do that. here is the appbar for mobile devices. I want to change the background and width I ... reactjs material-ui- 1
material ui table delete function not working
why is my code showing wrong output for as the rows has been already populated after adding it with the handletabledata function My code is having a table and there is a add button where we add users ... javascript reactjs material-ui use-state- 19
MUI Appbar Menu listing incorrectly
Hey so my AppBar on mobile displays a button which should list a menu of choices for a user to choose from. However, when i click the button, it list horizontally rather than vertically. I checked ... javascript css reactjs material-ui- 5
How to hide rows in material table based on a value in data?
I have an array of data being displayed in a material-table. My data has a field called Active and its value can be either 0 or 1. If the Active value is 0, then that object is inactive. If Active ... javascript reactjs material-ui material-table- 151
Custom theme of MUI with Next.js and Typescript
I changed the primary color in my custom theme and passed it to my Next app + Typescript. However, it didn't have an effect, and instead, the blue (default) color is what visible in The NavBar (AppBar ... reactjs typescript next.js material-ui- 321
Nextjs Mui css flickering after implementing emotion cache
I'm using next js with MUI and I've implemented this example from the MUI documentation in my next js project but it didn't solve the CSS flickering problem. Here is an image of my app: Nextjs MUI CSS ... css next.js material-ui server-side-rendering emotion- 1
Warning: Prop `className` did not match. Switching from light to dark mode using cookies (Nextjs, Mui5)
It works fine when the cookie is set to off which means i am using light mode and when the browser loads it show the light mode but when it is set to ON the browser does load the dark mode but only ... next.js material-ui next- 1
React-admin: How to parse and format data with ReferenceArrayInput and AutocompleteArrayInput
I work around with react-admin 4.13. I have problem to transform some data with parse and format when I use parse it also change properties in fetch request and the error occurred. <... reactjs material-ui crud react-admin- 1
15 30 50 per page12345…1195 Next
