I am upgrading from v4 to v5 and having significant problems that are inconsistent. The <Button> component looks as it should on the Login page, but once
I'm trying to rotate material-ui icon using css property animation but not getting the desired result. Can somebody please help me identify what's going wrong h
I've installed serve and have run npm run build. When I start the application everything's working except the dialogs i.e. when I open them I get a blank white
it's the first time I'm using Material UI and I'm having some problems using createTheme. My goal is to remove the horizontal padding for each Container so I de
I'm trying to make half of the text overflow (overlay) with the image on the right. How do I achieve this within a Grid item? I tried using position "absolute",
My MUI Linear Progress bar disappears when I set absolute positioning to it export default function LinearDeterminate() { const [ progress, setProgress ] =
I'm building a component library to sit alongside some react apps within a monorepo, library is currently being consumed by app1 and displaying components expor
I am making use of Material-UI React library and I need to change the border color of a TextField when it is clicked or focused as the case maybe. Here is what
I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o
I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o
I have a Material UI chip where I want to read the text within it when I click that chip. My code so far is below: <Chip label={name1} color="primary"
I have an application which is designed using Material Design 2. I have not submitted that to Playstore yet. I am now trying to upgrade that application to Mate
I'm using NextJS and I have my components on different js files that come together under one js file on my "pages" folder (index.js). What I want to be able to
I have 2 themes, dark mode and light mode: import { styled, alpha, ThemeProvider, createTheme } from '@mui/material/styles'; //I use the dark theme only const
MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes? I was trying to do it using styled in MUIv5, bu
I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the backgr
I am pulling data from an API and appending it to TextFields where it is displayed. I need to be able to edit the data displayed in TextFields, but I a get thi
I would like to style on row based on a certain props of one row, here is the code : <MaterialTable className="ciao" title="One Detail Panel
I could not find anything related to this in the react material ui datagrid documentation here. I noticed you can add tooltips to columns via a "description" fi
I am using MUI v5 in my application along with react-d3-tree which renders SVG tree charts. It offers an API to include custom CSS class names in the <path&g