Category "material-ui"

Changing Theme with Material ui V.5 - Compiling error Importing styles

I need help using material ui custom theme. It get Error in style components. I have already installed the following: npm install @mui/material @emotion/react @

What is a prevRowCountState in mui-data-grid?

Server pagination, I understand the logic but can't figure out how does the grid know the value of prevRowCountState. Is it a undocumented thing, prefix a const

disable other buttons using e.target.id

I have ten expansion panels. on click of one button in one expansion panel I need to disable other buttons in other expansion panel but the problem is when I tr

Dynamically adjust ImageList columns based on screen size?

I've tried using ImageList component instead of Grid as I just need a grid of photos with titles and it seems to be the whole point of ImageList. My issue is th

material-ui v4.0.1 warning "Expected an element that can hold a ref"

I upgraded to material-ui v4.0.1 and I see that Modals now require a forwarded ref. I'm having some trouble implementing a fix for this using class components a

Material UI responsive grid direction

I want the container direction as "row" above md size screen and "column" below md size screen? How can I implement it? <Grid container direction = "row"(in

Material-UI theme not working in shared-component

I'm building a reusable shared-component library using material-ui which is being imported in my main app like this: import { theme, StepperComponent } from '@c

MenuIcon not found in MUI

I'm trying to implement a appbar from mui which is include a MenuIcon. I've tried import MenuIcon from '@mui/icons-material/Menu'; from mui documentation. But i

Material-UI InputLabel covers text when Input value set by another Input field

I am creating a form with Material UI. The form has two sections. One is the user's shipping address, and the other is the billing address. In many circumstance

Material-UI InputLabel covers text when Input value set by another Input field

I am creating a form with Material UI. The form has two sections. One is the user's shipping address, and the other is the billing address. In many circumstance

CSS showing differently for Deployed then localhost when moved from material-ui version 4 to mui version 5

Image for Development Environment: Image for localhost: As is visible jss6 css is what is coming from makeStyles-sidebar 6 but on deployed version there is so

react material table export button not view correct

[in my react use export button material table not show complete bar my code i use the source code in material table: options= {{exportButton:true }} how solvet

In React Router v6, how to check form is dirty before leaving page/route

Below are the package versions I'm using. React version - 16.13.1 react-router-dom version - 6.0.0-beta.0 react-redux version 7.2.0 Material UI version 4.11.0

Material ui date picker formatting

I want show "Today" text instead of DD/MM/YYYY Eg: when we use datepicker browser show something like 20/1/2009 But I want "Today" instead of that date

MUI - How can I style the scrollbar with CSS in JS?

I really hate having to have an external stylesheet for my scrollbar stylings and I want to put it in with the rest of my styles on my root component. I have tr

Change font family Material-UI

I am struggling to change the font family on Material-UI. I am trying to set it for the whole project using MuiTheme. How can I do this using a font from Google

Is there a way to "inject" pure CSS into MUI v5

I have a custom spinner that is currently using keyframes like so: import { keyframes } from "@mui/system"; ... const keyframeSpinner = keyframes` 0%{transfor

Select all and Select None buttons in Autocomplete Material UI React

I want to implement two buttons Select All and Select None inside Autocomplete React Material UI along with checkbox for each option.When Select All button is c

How to override Material UI .MuiContainer-maxWidthLg?

I'm trying to get rid of max-width that present in the theme. This is what I see in Chrome (and if I uncheck it, it does what I need): @media (min-width: 1280p

Remove blue outline from Select box React Material UI

I'm using a React Material UI Select component in my project. I've managed to get most of the desired custom styles, but there is still a blue outline around th