Questions tagged [material-ui]
This tag should be used for questions regarding the Material UI library: React components that implement Google's Material Design. This open-source project is maintained by MUI.
material-ui
22,776
questions
0
votes
0
answers
13
views
Errors with regards to a <details> component in Docusaurus site after installing MUI
I'm working on a Docusaurus site, and I wanted to use a card component from MUI. However after I installed it, there are other pages where the <details> components have stopped working with the ...
1
vote
0
answers
10
views
Warning while testing React frontend: Unknown event handler property `onClonse`
I am repeatedly running into this warning while testing, and there are extremely few search results for "onClonse".
My stack is:
React + Vite
Vitest + React Testing Library
MSWv2
Material UI
...
0
votes
1
answer
12
views
Digital time picker in materialUI/nextjs
I want show a digital time picker or duration picker (only m,s). My project theme is in material UI, nextjs so i used materialUI config to implement this but it shows analog clock always. Below is my ...
0
votes
0
answers
20
views
Best UX Practice for Loading Dynamic Data in Popup - React Application
I have a React dashboard displaying all users with an edit button that opens a popup. This popup loads dynamic data, such as available procedures for the user, which can change frequently.
Should I:
...
0
votes
0
answers
11
views
Material Design Color Utilities generating unexpected colors with Material Web Components
I am working on a project where I use the Material Design Color Utilities package to create a dynamic color theme based on a primary color. However, I have noticed that the generated colors are not as ...
3
votes
1
answer
37
views
How to size the material select dropdown differently than the form field width
I am trying to create a <mat-select> from the @angular/material library where the width of the form field is small (75px) but the drop down menu is larger to accommodate longer text options than ...
-1
votes
1
answer
18
views
Mui Autocomplete renderGroup keys not unique
I am working on implementing a MUI Autocomplete into my app. Per the documentation MUI Grouped Docs we add a key to the mapped list by accessing params.key
renderGroup={(params) => (
<li key={...
0
votes
2
answers
30
views
Change size of MarkElement in MUI x-charts
I want to inject a custom MarkElement via the slots.mark property. How can I change the size of the MarkElement?
const slotsMark = (props: MarkElementProps) => {
return (
<...
0
votes
0
answers
17
views
How to create a new MUI button variant with existing varint properties and overriding properties
I am trying to create a variant of MUI button with an existing variant properties('contained') with some overriding properties. What I mean by that, I want to create a variant with the styles with an ...
0
votes
0
answers
9
views
Why do the theme variables for MUI5 differ in Figma compared to what is in the package?
We have observed that there are several theme variables in Figma compared to the package implementations. As you can see in the image below, several "extra" variables appear (the ones ...
0
votes
0
answers
21
views
Upload image using mui-tiptap
I am using the mui-tiptap module in React 18 with Vite, specifically I am trying to upload a local image to my backend, although the problem is only in my frontend where I receive a typescript error ...
0
votes
1
answer
49
views
How to Customize MUI Date Picker size for Mobile Screens?
I am using the DesktopDateTimePicker component from Material-UI (MUI) in my React application. This component is designed for desktop use, and it does not fit well on mobile screens.
I would like to ...
0
votes
0
answers
18
views
MUI 5 - How to replace all instances of class names declared in makeStyles?
Was on MUI4 but now moved to 5 with React 18, and getting errors when installing unless I use --legacy-peer-deps. I would like to replace legacy makeStyles with whatever is best -
I know there is sx ...
0
votes
0
answers
19
views
CustomButton not working with ReactToPrint
I am trying to add a CustomButton to perform print functionality.
Below is my working code:
<Grid item xs={1.5} sx={{ marginTop: '-0.5rem !important', marginRight: '1.2rem' }}>
<ReactToPrint
...
-1
votes
0
answers
18
views
How can I find a list of names which can be customized in a MUI Theme for different components?
Reading the MUI documentation page for the Accordion I can't seem to find an obvious list of names which can be customized as part of an MUI theme.
For example, here is some of the content from my ...