Category "material-ui"

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

Error while trying to install mui core with npm

I just deployed a new create-react-app and still receiving this same error message. I installed MUI and am receiving a 'unable to resolve dependency tree' n

Add a unique ID to each menu item in Material UI TablePagination

Is it possible to add a unique ID to each menu item that is rendered using <TablePagination >? I want to add a unique ID (for example: id="menu_item_0", i

How to style Input in material ui

I am new to material ui. I use fifth version. <InputBase ref={params.InputProps.ref} inputProps={params.inputProps}

MaterialUI Select set value is always out of range

i've a MaterialUI Select code, and i'm handling the value parameter dynamically. My problem is, when i set any value, it says always it's out of range, even sho

Material UI IconButton onClick doesn't let to handle event

I installed "@material-ui/core": "^4.9.2" and "@material-ui/icons": "^4.9.1". In my form i have several rows, each row has an add button and a remove button.

How to make Material UI v1.0 Dialog background transparent?

I am trying to make put a CircularProgress inside a dialog box. But the dialog box background is white and cannot be set to transparent as in earlier version -

how customize style materail UI v5

I am trying to customize MUI to that import makeStyles import { makeStyles } from '@mui/styles'; I get this error when try install npm install @mui/styles npm

How to react clicks on an overlay flexbox(Material UI Grid) element

I have an overlay element, the overlay element is a flexbox container, there is only one item which is centered, so there is space around it. If someone clicks

How can I edit this TextField?

I have an Material UI text field which is populated by a nested JSON object pulled from an API. Data can be displayed in either a TextField, a Date Picker, or a