I'm using switch component from MUI, I want to toggle the styling between two colors <Switch color={dataType === "expenses" ? "error" : "secondary"} onChange={handleOnSwitch} checked={dataType === "expenses"} /> The problem is the color is applied only when the condition is…
I'm trying to do exactly the same as this post but with the implementation on a MUI Grid container/item. The result though is that I don't have a scrollbar and I can't scroll. Is there something wrong with my implementation?…
I have a created checkbox to each of MenuItem in a MUI Menu. And a user can select more than one menu item at a time. Is there a way to get the selected menu item values ? Because if…
I am using mui v5 and trying to get my theme into styled() without success. Setup I have is: - ThemeProvider (@mui/material/styles)` wrapped around app. - theme created using 'createTheme' from @mui/material/styles - theme assigned to theme provider - styled…
I'm trying to recreate this effect in Flutter, I initially created it in Angular using CSS. Basically imagine a bottom NavBar sitting behind a container with bottom border radius. I'm pretty new to Flutter and still learning things, but there…
I'm new to TypeScript and I have been facing a typing issue and I have tried many ways but can't get it fixed. This is the error I'm getting: Argument of type 'string | number' is not assignable to parameter…
I have project with html + js files I want to style elements like autocomplete, spinner etc. I don't want to install any library/framework Which framework can I use only by link un the html tab? I need the most…
I want to display the validation error when user clears the selection. The sandbox link is https://codesandbox.io/p/sandbox/formik-autocomplete-yh3sl7?file=%2Fsrc%2FApp.tsx%3A1%2C1-84%2C1 When the form initial loads with default value. Clearing the value does not trigger the validation. Refresh the page. Click on submit. Clear…
I have a notification component that renders mui snackbar with alert. I want to show 3 notifications at a the same time under eachother. The problem is that when i try to close the second notification with clicking on the…
Got that log during the deployment process on Vercel: Installing dependencies... npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @material-ui/[email protected] npm ERR! Found: @types/[email protected] npm ERR! node_modules/@types/react npm ERR! dev @types/react@"^18" from…