I want to create an application layout for my app relying on React MUI. The layout should be Toolbar Page content ( stretched across page ) Footer ( at bottom, pushed by page content ) which looks like I started…
I keep getting a warning and an error as I am trying to make a basic dropdown using React MUI. I understand that the value cannot be undefined so I initialize state with a dummy object based on other questions…
I'm using Material-UI (MUI) v6 to create a dialog that opens when a user clicks a button. I'm facing accessibility warning that only occurs on closing the dialog for the first time after render/mount. The warning doesn't appear on subsequent…
I'm attempting to make a circular button with a Material UI icon, but my various efforts have failed to produce the desired shape. I am creating a React.js component for my project. Version Detail : node - 20.16.0 "dependencies": {…
I need a button to be enabled when all the checkboxes in a table are checked and disabled otherwise. Outer component with button: import Box from "@mui/system/Box"; import Stack from "@mui/system/Stack"; import ArrowBackIcon from "@mui/icons-material/ArrowBack"; import { useState } from…
I am using the DashboardLayout from MUI on my page https://mui.com/toolpad/core/react-dashboard-layout/ https://mui.com/toolpad/core/api/dashboard-layout/#slots I'm trying to set the sidenav bar to closed instead of open, but I haven't been able to do it successful. in my efforts. There doesn't appear to…
Here is the sample layout that working on having a scroll bar vertically My concern is, how will I remove it ? take note that before asking questions here, I have already research regarding how to hide scroll bar and…
I have a footer at the bottom of my page, where I want the following: Be all the way at the bottom after the content of the page Be at the bottom of the screen if there's not enough content…
I'm working in a project that's in Nextjs 14 with Material UI 5 components for styling. I want to know if there's a ESLint custom rule to restrict the way of importing the components, probably with no-restricted-imports. // This should…
Classes from Inline stylesheets generated by emotion(MUI) are not getting applied. Facing issue only in latest Chrome (v129) working for other browsers and even for Chrome (version <=128). I have attached two screenshots, In Screenshot 1, I have taken an…