I am trying to fix the autofill on my expiry input. It should autofill the last 2 digits of YYYY. Just YY.

I have several pages that I navigate to using a Material UI Select component. That component is shared among all the pages. I have a Toolbar on one of the pages with components specific to that page. I’d like to programmatically change the state of those components (eg. hidden or disabled) depending on different conditions on the page.

I want to show a tooltip of MUI’s ToggleButton when it is disabled
howerver tooltip works fine when ToggleBUtton is not disabled

I want to show a tooltip of MUI’s ToggleButton when it is disabled
howerver tooltip works fine when ToggleBUtton is not disabled

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, but the padding-left even thou is there; it seems like it is not working, so I need to add extra padding manually to the <Grid container> or to the item itself, here is a simple code example:

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, but the padding-left even thou is there; it seems like it is not working, so I need to add extra padding manually to the <Grid container> or to the item itself, here is a simple code example:

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 change alters the color of some nodes using a logic. After that, I change the graph to another one and reset this state because I need all nodes in the graph to be blue. That works well, but the problem is my checkboxes remain checked. Basically, I need to uncheck them.

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 change alters the color of some nodes using a logic. After that, I change the graph to another one and reset this state because I need all nodes in the graph to be blue. That works well, but the problem is my checkboxes remain checked. Basically, I need to uncheck them.

I have a text field (select mode) with options in RadioGroup like below:

<Dialog …> <DialogTitle> Edit Order </DialogTitle> <DialogContent> <Formik …> <Form> <NameField /> <IdField /> … <Form/> </Formik> </DialogContent> </Dialog> import { createTheme } from ‘@mui/material/styles’; const theme = createTheme({ components: { MuiDialogContent: { styleOverrides: { textField: { padding-top: 0.5rem; padding-bottom: 0.5rem; } } } … .form-field { padding-top: 0.5rem; padding-bottom: 0.5rem; } How to apply […]