const pages = ['home', 'menu', 'reservation']; <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}> {pages.map((page) => ( <Link component={Link} to='/'>Home</Link> ))} </Box> I tried watching one or two videos on how to use Routing in MUI,…
I don't know why the Drawer component does not obey the styling rules I specified. I.e., its width it not 17rem, on the one hand, and, I don't know why it exceeds its parent component borders, on the other hand.…
I tried to change the font weight for the buttons within a navbar, but I don't know why does it go wrong every time. Firstly, I created a separate css file where I tried to set the font weight to…
default padding of mat-button's, i need to subscribe the default padding (16px) I've been trying to set the padding of a mat-button, but the component's style isn't changing. What can I do, I've already tried changing CSS properties, but none…
I am using react-hook-form with MUI components. To use the Select component, I have wrapped it in the Controller as it can't be registered directly. Everything is working but setValue. Here is the Code: const { register, control, handleSubmit, setValue,…
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…