I’m using Material-UI Grid to layout two TextField components side-by-side in a responsive form, with each intended to take up 50% of the parent’s width. However, the TextFields don’t stretch properly and appear smaller than expected. Here’s the code I’m…
I'm trying to update the style of Columns display option in Material UI but I couldn't find way to do it I want to change the input border color and change the color of checkbox I tried to do it…
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…