![Questions Tagged [Material-Ui]](https://docuprint.cloud68.co/uploads/questions-tagged-material-ui_1200.jpg)
React components that implement Google's Material Design. Please note that this tag should be used for questions regarding the MUI (formerly Material-UI) library. Otherwise, see the tag's info for other tags to use.
17,915
questions
0
votes
0
answers
5
views
Is there an easier way to pick a date with MUI v5 DatePicker with Jest Test
I am using the MUI-X v5 DesktopDatePicker component. In my tests is seems very cumbersome to write out the selection of a date. Is there any libs or easier approach to selecting a date from the date ...
0
votes
0
answers
11
views
Can't edit MuiTypography-root
I'm having an issue editing the child of MuiTypography where I want to remove the line-height from muitypography-root it has to be a solution that will only apply to this section. Below I've attached ...
0
votes
0
answers
7
views
Is it possible to show what rows were filtered out?
After applying a filter and say 3 rows were filtered out- instead of it fully disappearing from the ui, can they still be visible / greyed out?
0
votes
0
answers
7
views
React & MUI - Collapse not fully showing flexbox content overflows
I am new to React (v18.1) and MUI (v5.8.4) and I am trying to create a Search modal.
I have a simple layout that I made with flexboxes using the Box element from MUI. It is composed of a Searchbar on ...
0
votes
1
answer
12
views
Having grid items display based on their size MUI Quilted Grid Layout
Image of IssueApologies for the zoomed out image, but I am using MUI in React to display a bunch of nested cards dynamically (The data has nested components rendering other components). Each grid has ...
0
votes
0
answers
8
views
How Can I detect video or image from URL and display it accordingly in a single tag using React and Material UI
Ok Let me explain my situation, I am trying to build a Cover section for a profile page, where users can set either an image or a video as their cover.
I am unsure how to render both a video file and ...
0
votes
2
answers
19
views
How to use Material-UI component inside .ts file?
I am writing some .ts file in mocks.
How i need to input there mui element (Facebook icon, for example)
export const links: Link[] = [
{
url: "",
**...
0
votes
0
answers
17
views
Material Ui Appbar Customization
I want to customize the Appbar for mobile devices but I don't know why I cant't. Somebody,please help me to do that.
here is the appbar for mobile devices. I want to change the background and width
I ...
0
votes
0
answers
12
views
material ui table delete function not working
why is my code showing wrong output for
as the rows has been already populated after adding it with the handletabledata function
My code is having a table and there is a add button where we add users ...
0
votes
0
answers
11
views
MUI Appbar Menu listing incorrectly
Hey so my AppBar on mobile displays a button which should list a menu of choices for a user to choose from. However, when i click the button, it list horizontally rather than vertically. I checked ...
0
votes
0
answers
9
views
How to hide rows in material table based on a value in data?
I have an array of data being displayed in a material-table. My data has a field called Active and its value can be either 0 or 1. If the Active value is 0, then that object is inactive. If Active ...
0
votes
0
answers
8
views
Custom theme of MUI with Next.js and Typescript
I changed the primary color in my custom theme and passed it to my Next app + Typescript. However, it didn't have an effect, and instead, the blue (default) color is what visible in The NavBar (AppBar ...
0
votes
0
answers
8
views
Nextjs Mui css flickering after implementing emotion cache
I'm using next js with MUI and I've implemented this example from the MUI documentation in my next js project but it didn't solve the CSS flickering problem.
Here is an image of my app:
Nextjs MUI CSS ...
0
votes
0
answers
8
views
Warning: Prop `className` did not match. Switching from light to dark mode using cookies (Nextjs, Mui5)
It works fine when the cookie is set to off which means i am using light mode and when the browser loads it show the light mode but when it is set to ON the browser does load the dark mode but only ...
0
votes
0
answers
11
views
React-admin: How to parse and format data with ReferenceArrayInput and AutocompleteArrayInput
I work around with react-admin 4.13. I have problem to transform some data with parse and format when I use parse it also change properties in fetch request and the error occurred.
<...
