Category "material-ui"

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

How to search based on multiple criteria in AutoComplete API in material UI

I have created a search box using the auto complete API. But it is only searching based on the title field from options and not searching the inputs on other fi

How to add custom close icon for Alert component in Material UI, globally

We can globally customise the severity icons shown in the Alert component through the theme: MuiAlert: { defaultProps: { iconMapping: { info