I tried to use components from the external libraries @mui/material and @mui/labs without success. The following is my code: import { Box, Tab } from '@mui/material' import { TabContext, TabList, TabPanel } from '@mui/lab' import React, { useState } from…
I am trying to create a dynamic modal with React and MaterialUI. Currently adding them like this: // Confirm.js import { WarningAmber } from '@mui/icons-material' import { LoadingButton } from '@mui/lab' import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle }…
Every time I click on the Material UI text Field on login after I login the screen is pushed down cutting down content on the top of the page. enter image description here -I checked my CSS thinking maybe because…
I am using the from Material UI. Everything works fine but when I add onChange event handler to control the value of the switch the sliding animation does not work anymore. The switch ref: https://mui.com/material-ui/react-switch/#customization. I couldn't figure out how…
Raking my brain. Can't seem to figure out why I'm getting the warning. I can comment out everything in both the page and component and still receive it. I would imagine it's something simple I am completely overlooking. Hoping one…
im new to React / Typescript. I just want to store the options that a user chose at the Autocomplete component. After that, i'd need to send the chosen values to an API. How do i do this?... Code: <Autocomplete…
I have written two component. One for rendering a list which is used inside it's parent component hosting the Select component provided by Material UI. THe snippets for the both are below. import React from 'react'; import './index.css'; import {…
I have this Autocomplete component <Autocomplete filterOptions={(x) => x} options={items} getOptionLabel={(option) => `${option.code} - ${option.name}` } onInputChange={(e, value) => { console.log(value); setAutoComplete(value); }} onChange={(e, value) => { //Change state of some other fields }} noOptionsText={false} renderInput={(params) => ( <TextField {...params}…
I am trying to setup a regestration form with MUI Fields and the input Field for a date does not work propably. When I enter a date days and month a passed on correctly but when it comes to the…
the button is working but the icon inside it is not working: the button code: <Button color="secondary" aria-label="add an alarm"> <AlarmIcon></AlarmIcon> </Button> <Button variant="outlined" startIcon={<AlarmIcon />}> Delete </Button> the button imports: import Button from '@mui/material/Button'; import AlarmIcon from '@mui/material/Icon'; the…