Category "material-ui"

Warning: A component is changing an uncontrolled input to be controlled

I have a project and this project is in order to run a contracting and construction company, and I have a file, which is the information for each of the company

React JS Material table - How to select rows of current page in material table

When I click on select, it select all rows in all pages of the table. Is there a way to only select rows of the current page of the material table? So for examp

React Material UI Visual Editor

I'm starting an open source project, a visual editor for React Material UI. This is the link to the project. Users will be able to drag and drop material compon

unable to show error and error message on MUI datepicker

I'm using react material-ui (MUI) I want to show an error on some condition that will calculate on the backend. I used MUI-datepicker but I can't show error imp

Material UI, Warning <td> cannot appear as a child of <div>

I'm using React, typescript and Material UI. I've created a pretty common "Create user form" with basic inputs for username, name, email, ect. Added two buttons

Failed to minify the code from this file (styled.js)

We upgraded to MUI v5 and when we try to build the project we get the following error: Failed to minify the code from this file: ./node_modules/@mui/material/s

change the background color of the Table Row

How can I change the background color of the Table Row, I tried using "BackgroundColor" but it didn't change How can i solve the problem? <TableRow styl

Migration v4 to v5 Breaks Styling of Basic MUI Components

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

How to rotate material-ui icon

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

Material UI Dialog not working in production - shows a blank page

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

Default props in theme configuration seems not to work

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

MUI: Overlap text over an image?

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",

Why do MUI Linear Progress doesn't accept absolute positioning?

My MUI Linear Progress bar disappears when I set absolute positioning to it export default function LinearDeterminate() { const [ progress, setProgress ] =

Self Hosted Font in material-ui theme component library not working

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

How can I change the focused color of a TextField?

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

Resolving multiple versions of React in component library built with Webpack and Storybook

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

Resolving multiple versions of React in component library built with Webpack and Storybook

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

Reading text in Chip

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"

How to migrate from Material Design 2 to Material Design 3

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

NextJS scroll into view of specific component upon button OnClick that exists on a different js file

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