I am creating a table listing survey questions when creating a survey for an HR web application. One of the planned features is for the user to be able to modify the text of a question that has already been…
I have a NextJs v12.3.0 app that use sx in MUI as styling to many of my components. many of my pages are render as SSR. now i want to know somethings. Does MUI render sx styles as inline css?…
I am doing an app in next.js. The landing page of the app is in LandingContent.tsx and the theme is not applying for this component but rest of the content inside. I applied theme for every basic thing like h1,h2,h3,etc…
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…