In the following example, I am trying to change the size the UI chip in dynamically in order to respond to the font size of its parents using the em css unit. M
How can I put a validation or not allow to enter the following special characters [^%<>\\$'"] on the Material-UI TextField. Below are my existing codes. c
I created a HTTP API endpoint for searching a database, it is used like this GET /orders?created_by.name=John&delivery_estimate.start=2022-06-01 Our web fr
Hi i want to change background color of card in react materialUI card project. see the attached picture what i am expecting. Screenshot: https://stackblitz
Hi i want to change background color of card in react materialUI card project. see the attached picture what i am expecting. Screenshot: https://stackblitz
I have this example data: export const data = [ { state: "state", firstName: "Alex", lastName: "Dhan", country: "US" }, { state: "stat
I am using material UI Select and we are using chrome WAVE tool to fix ADA issues. An error of 'Missing form label' is coming on material UI Select like in the
Can I change the default sorting icon on React Material-Table table header column ? ex. I want to change asc sorting icon to ArrowDownward and desc sorting icon
Can I change the default sorting icon on React Material-Table table header column ? ex. I want to change asc sorting icon to ArrowDownward and desc sorting icon
I have a form within an accordion - what I want to do is when the form is submitted collapse the accordion. <Accordion elevation={3}> <AccordionSummary
I have a form within an accordion - what I want to do is when the form is submitted collapse the accordion. <Accordion elevation={3}> <AccordionSummary
I'm trying to convert JavaScript template to Typescript. So I have this accordionStyle.ts like below import { primaryColor, grayColor } from "../../material
I am working on a NextJS site that has some custom styling that is being applied via MaterialUI's makeStyles. It works fine on the first load and then undoes al
I would like my tab buttons to spread out across the entire screen. When the screen width is too skinny to fit all the tabs, I would like the scroll buttons to
seemingly simple problem: Example Background: we have many lists of items and render them in the UI with <List>. Example Problem: we usually (but not alwa
I want to know if there is a way to duplicate the specific row with data on it using material-ui Data Grid? I hope someone could help me. Thanks in advances! Bt
I am trying to create an autocomplete component that a person will use to select an item from a list of items, I've done that, no issues. The problem is thatI a
I am trying to render a page for full height. But it adds a scrollbar which is undesirable. With 100% height, I mean just the size of the screen. Here is the d
As it is clear in the picture, I have works, and each job has a level(junior, senior, mid-level) and amount, and as it is clear in the picture, I have a "Team
I need help using material ui custom theme. It get Error in style components. I have already installed the following: npm install @mui/material @emotion/react @