All Questions
6,357
questions
0
votes
0
answers
19
views
How to make autocomplete field with RadioGroup component
I have a text field (select mode) with options in RadioGroup like below:
For "Service" field I can choose options from three categories. To choose an option I have to scroll down long list. ...
- 23
0
votes
1
answer
36
views
How can I re-render my MUI checkboxes after changing some states? React JS
I made an application where I can visualize a graph. All nodes in the graph are blue, and I have a component that is basically a checkbox. The user can click it, and I change a state. This state ...
0
votes
0
answers
14
views
MUI Grid Component, default padding is not working properly
I'm very new to MUI, and there are things that I don't get why they're not working the way I want.
I know that some components like <Grid item> have their default padding-top and padding-left, ...
- 21
0
votes
0
answers
24
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
0
votes
1
answer
23
views
Change nested child component styling in MaterialUI v5
How to apply custom styles to all textField components which are children of Dialog/DialogContent component?
I tried adding these styles to createTheme, but it doesnt work.
If thats not possible how ...
- 29
2
votes
1
answer
35
views
Material-UI slider with multiple useState is duplicated on click
I'm trying to create a font size and font weight previewer using Material-Ui sliders and useState, but when I click the first slider after clicking the second, the first slider is duplicated.
Here is ...
- 43
0
votes
1
answer
44
views
How to update mui slider value with input field?
MUI slider running with min and max value with
const minVal = 8; const maxVal = 255;
<Slider
value={range}
min={minVal}
max={maxVal}
onChange={handleSliderChange}
valueLabelDisplay="...
- 27k
0
votes
0
answers
16
views
No TabsContext provided when creating tab with hooksAPI in mui/base
I am new to Material UI Base. I am trying to create a tab component with hooksAPI from Material Base UI. But i am getting error No TabsContext provided
Used useTabs, useTabsList, useTab hooks from ...
- 119
0
votes
0
answers
44
views
Pseudo-Elements not working properly on Mui table head and Mui table row but working fine in windows browsers
i am giving background color and border color with border radius to mui table head and mui table row.
it looks fine in windows and android all browsers but seems like position not working in mac and ...
- 11
1
vote
2
answers
49
views
React MUI autocomplete multiple limit tags to the amount, that fits
I have Autocomplete to select multiple options from React MUI. When out of focus, I want it to show only that amount of tags, that fits into one row. I can use limitTags={3}, to limit the number of ...
- 137
0
votes
0
answers
46
views
Missing loader using MUI date picker storybook
I am unable to use MUI date picker in a storybook with the below error
ERROR in
./node_modules/@mui/x-date-pickers/DesktopTimePicker/DesktopTimePicker.js
45:52 Module parse failed: Unexpected token (...
- 169
0
votes
0
answers
45
views
Getting errors while using slot property for MUI DatePicker component
I would like to override some components from the DatePicker component from the MUI library but I am getting errors in the console when I do so.
Code
<DatePicker
slots={{
...
- 1,311
0
votes
1
answer
20
views
Not able to enter characters continuously in text field due to its rendered as separate function in component
I want to bind text field with below approach but facing issue when i enter characters in text field. For first character it works fine but when i enter second character the control/focus comes out of ...
- 1
0
votes
0
answers
18
views
Material UI Stepper make the connector line and stepIconComponents touch?
I would like to connect the dots essentially for the Material UI stepper when it is vertical.
I have done it for the horizontal component:
https://codesandbox.io/s/pedantic-feather-5plgnr?file=/src/...
- 37
0
votes
1
answer
33
views
Custom typography theme not able to override the default typography in MUI in Next js
I'm using Material-UI (MUI) with a custom theme in my Next.js React project. While colors from the theme are applied correctly, I'm unable to change the default font sizes of H2 and H5 elements. I've ...
