Category "material-ui"

How to dynamically change material ui icon depending on the backend response?

I have a table and in this table, there is a column named status, and in this column, three values are returned from the backend, which are "approve", "Review"

React prevent MUI Select from changing width in MUI Grid

I have an MUI grid setup with a variable number of columns. Currently, if the user selects a long string for the Select box, the Select grows, increasing the si

Material-UI-Search Bar value not clearing

I am using the @material-ui-searchbar to filter data. I'm using the same container for multiple different pages to display the info. When ever I switch between

What does sx={{'& > :not(style)': {m1}}} do in MUI 5?

I see them use this on their TextField page for having TextFields align correctly as the page gets smaller. What exactly does this css do? sx={{'& > :not

I get an error about "browserObject" on the console only in case of chrome in react app

I'm making an app with React. Only in Chrome, the following error is output both on localhost and after building and deploying. it is error. I did not find the

React MUI Autocomplete "options.filter" is not a function

I wish to create a autocomplete search bar with my own custom call to the backend, which searches through a list of tickers. <Autocomplete mu

How do I fit the entire content in one page when printing it to PDF?

I am using jspdf and html2canvas. Printing the component would make the footer go to the next page. How can I set this where it will dynamically resize to fit i

mat-icon text is showing in dropdown and icons in Angular

I tried using mat-icon in Angular in dropdown. But the text is shown first and after clicking dropdown it is showing the icons. I already tried importing in ind

if I have an array I want to open accordion Mui by map

enter image description here enter link description here This code is from MUI and look there please when you open the first accordion then you open the second

How to connect Material UI v5 to Next JS v12?

Recently, Material UI 5 was released. Previously (in Material UI 4), I used to connect it by modifying _document.js and _app.js. Is it the same for Material UI

Material UI unable to control the DatePicker error

I have a problem with the DatePicker, if there is an empty value it's red. And passing true/false to error doesn't have any effect. I even tried passing error

Material ui: How to change DatePicker text and calendar icon color?

I am trying to change the Material UI DatePicker date text and calendar icon color. I tried to change it passing style to InputProps, but it worked only for rem

TextField populate from the browser with incorrect font size

I have a simple page, user text field and password, with font size of 30 (for the question only for the user field). For some reason, when the browser (chrome)

Material UI: how to switch from sidebar to bottom navigation when using grid

I want my sidebar to be bottom navigation on mobile view. How can i switch these components depending on the size of the screen. I wonder is there a way to do i

Accordion height automatically increases when any accordion expands in same row mui

Accordion height of any accordion automatically increases when any accordion expands in same row mui, Here's my code:- {[1,2,3,4,5].map((i)=>

Error in React config folder while installing/using a Material UI component

I am building my first app in React and installed Material UI for the first time. While inserting a form component into my JSX, I get this error "TypeError: Can

Open Dialog instead of Popper in desktop MUI 5 DatePicker

I want the MUI v5 DatePicker (@mui/lab 5.0.0-alpha-51) to behave like the DesktopDatePicker (allowing to directly edit the date in the textbox). But when clicki

How to limit the height of MUI Autocomplete input box

I am having trouble in limiting the height of MUI Autocomplete component. When I select the value from the list it automatically add empty space or row at the b

How can I automatically import an icon which fetches from the server in NextJS?

I want to dynamically generate a page in the Next-JS app. Inside this page should be imported automatically Icons which fetches from the server Instead of writi

How to modify material UI datagrid checkbox icon?

Here is the codesandbox. I want to use my customized checkbox in the Datagrid. So I would like to change the first column checkbox to a round checkbox. I alread