I am using React 17.0.2 and Material UI v^5. I want to use the material-ui-color package which does not seem to be compatible with React 18, so I downgraded to React 17. The material-ui-color package ALSO seems to require @material-ui/core…
Material UI version: "@mui/material": "^5.15.15", Here's the snippet code <TextField className="input-quantity form-input" defaultValue={0} name={"quantity"} type="number" InputProps={{ inputProps: { min: 0, max: 100, }, }} onChange={(event: any) => handleChange(e) } /> the input still can pass over 100, even to thousand…
When I use useMediaQuery from Material UI in my React app in the top level component (App) of my app, the query doesn't work (value doesn't update on window resize) and causes rendering issues (when using Chrome's dev tools mobile…
I am using accordion material-mui. at first all of accordions are opened. when I scroll the page and I reach to the second accordion, I want to close the first accordion and when I reach to the third accordion ,…
I am using Tooltip component from MUI in my customized TooltipComponent. TooltipComponent works similar to Dialog: user can see some content pop up after clicking (not hovering) on element (div with a text "CLICK" in my case). This content pop…
I inherited a project with material ui, which I have never used before. I have the following in my code <FormControl fullWidth> <InputLabel className={className} htmlFor={id} error={error} > {label} </InputLabel> <Input className={className} id={id} value={value} onChange={(e) => { onChange(e.target.value) }} /> </FormControl>…
I have a Stack of Avatars, with text: <Stack> <span><Avatar sx={{ float:'left', width: 30, height: 30, margin: 1, backgroundColor: '#c00500' }} variant="square">C</Avatar>Today</span> <span><Avatar sx={{ float:'left', width: 30, height: 30, margin: 1, backgroundColor: '#05C000' }} variant="square">V</Avatar>Yesterday</span> <span><Avatar sx={{ float:'left', width: 30,…
After Material 3, default TextField border and label color (when focused) were changed to grey. So I needed to set my ThemeData as below. If the TextField is empty, there's a hint inside it with light gray color, which is…
i have some struggles with material ui grid size. i want to set fixed grid size at specified breakpoint. For example at xs width is full but at sm width is 200px <Grid item container direction="row" xs={12}> <Grid xs={12} sm={can…
I am struggling for something that could be pretty straight forward and something that should have been the requirement of many, and I am still not finding any help on internet for that I am using material TreeView in my…