I understand that ideally should be placed at the top of the page. However, Assume they are place in the middle of the page. When changing from a tab with a l
I have an e-commerce website and I added a cart icon in the navbar. When clicked, a MUI modal should open (and it does) but it doesn't close anymore. I also add
We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio
I am trying to use an editing API from "@mui/x-data-grid" and simply have editing on the cell and retrieve the new value. When I use onCellEditStop={(params: Gr
how to hide this block on mobile version mui datepicker?
how to hide this block on mobile version mui datepicker?
in below grid container , there is an image on the left , with a bunch of text on the right , there is a huge gap between the image and the text which tried to
My problem is that when I change a value in a dropdown I want to disable two radio buttons and change to the correct radio button. I am able to disable the radi
Give style like this: const style = { overflow: "auto", backgroundColor: "#292929", color: "blue", height: 650, width: 1, flexGrow: 1, fontFamily:
Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/
I have a theme switch (light to dark) on my page, using Material UI switch. I get an error from lighthouse stating that it needs a label, but
When I try to import and use a mui icon in react, it makes the whole div dissapear, and just the background image remain, i have installed: emotion/react, emoti
I hava a DataGrid table from Material UI with more than 3000 rows, each page contains max 50 rows per page. What I want is to be able to export all the rows to
How do I prevent React Material UI to not trigger onInputChange, when a person selects a option from the dropdown? After using the dropdown, it retriggers the A
I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f
I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f
for the code below in next.js index page import { Typography } from '@mui/material/Typography'; import { createTheme, ThemeProvider } from '@mui/material/styles
I'm new to react I'm trying to figure out how I can make a Masonry image grid - mobile resonsive. The idea is that I want the images to stack on top of each oth
I have TableCell which shows a status and a Button. I want them to be vertically stacked and centered in the cell. I am able to get either working separately bu
I've tried to encapsulate my ListItem component with <Link to"/create> but it doesn't work, i've also tried using the history option but that confused me.