Category "material-ui"

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

How do I attach an event listener to the "max" Avatar in Mui's AvatarGroup?

I am trying to attach an event listener to the "max" Avatar specifically in the AvatarGroup, I know I can style the element but don't have access to the element

Warning "Each child in a list should have a unique "key" prop' even with the key present (React + Material UI)

I am trying to fetch data from a JSON file using map function, but I keep getting this error 'Each child in a list should have a unique "key" prop' even though

Failed to minify the code from @mui, while npm run build

I have an app using npx create-react-app name. While trying to build my app using npm run build, it was interrupted with the following error. Failed to minify t

Change Appbar backgroundColor in MUI

The default Appbar color is set by MUI to the primary color, which is the blue color. If I wanted to change that color directly using sx={{ background: 'white'

Element touching the edge of the screen on mobile (Material UI)

New to MUI. My element seems to be touching the edge of the screen on mobile. I tried adding padding and margins but it just squeezes the element. https://code

How can I get Cypress to interact with the Material-UI Rating component?

I'm trying to use Cypress to test a form that includes the Material-UI Rating component, but I can't find a way to get it to select a rating. As a stripped down

mui select wrap text to next line

I'm using Material UI the select with checkbox, I have the following code the select component MenuItem is not wrapping the text with checkbox to next line in t

Not able to create theme using Material UI's ThemeProvider and createTheme

I kept getting a failed to compile error: Attempted import error: 'createTheme' is not exported from '@material-ui/core/styles'. Code: import React, { Suspens

How can I make collapse/expand for selected tags feature in react-select like props "limitTags" in material UI autocomplete

I am using Select in react-select in order to select multiple values. isMulti options={colourOptions} /> How can I make collapse/expand for select

Expand & collapse angular material table with a button

I'm having a problem with angular material table, I want each row to be expanded with a button (details button as shown in picture), but it getting expanded at

Material UI + styled with props throws "React does not recognize zIndex prop on a DOM element."

I'm struggling with React error -> React does not recognize zIndex prop on a DOM element. It happens when I'm using MUI component and Styled with props. Code

How to distinguish two mat-table (Angular UI) in same component

I use two mat-table in the same component and now renderRows() not working for the second table. @ViewChild(MatTable) tagsTable: any; @ViewChild(MatTable) s

How to distinguish two mat-table (Angular UI) in same component

I use two mat-table in the same component and now renderRows() not working for the second table. @ViewChild(MatTable) tagsTable: any; @ViewChild(MatTable) s

Nextjs Idle time

I have a Next.js platform. On refresh, it takes around 6 seconds to load the page. So I was debugging to find out where the delay was to know what I could do to

ItemActiveIndicator in not Visible in Material 3 Bottom Navigation Bar by Default in Android

implementation 'com.google.android.material:material:1.5.0' added this already in Build.Gradle . . Code for implementing Bottom Navigation Bar: <?xml version

how to use a font from google font just to be used in one react component with material UI?

i got only one Typography element that uses a different font than the rest of the application , could someone advise what's the best way to get the font from go

How to display initialValues for material-ui autocomplete field?

I use the autocomplete field of material-ui (v5) and formik to generate my forms. On this form, I have some lists defined as constants. I use an api to get the

Positioning an options menu in MUI TextField select

I am using a MUI TextField component with a select prop, and do not manage to position the options menu below the input field (the menu covers the input field w