The map function in TextField does not work if it is located in the component material-ui I have two TextFields in the first one the radio button works, in the second one the radio button does not work. How to…
I want to achieve something like this, when I click on 20 numbered block, everything before that changes to light orange. I have this attached sandbox code, if anyone can guide what to add in the handleClick function would be…
i would like to design a component like this im using a material ui pop menu in my project here is the jsx code <div className="navMenu" style={{ position: "relative" }}> <Tooltip title="Menu"> <div className="navMenuIconContainer" style={{ boxShadow: anchorMenu === null ?…
I currently have a Material UI Modal component added to my react/typescript project but I'm having some issues that I can't figure out. So on my current site, if you click on one of the card elements, it should open…
I've been trying to create a date picker field that can allow for certain invalid date ranges i.e. 00 if the DD or MM for a date of birth is of an unknown value. The base UI components that I…
I need to build a modal component that is opened from a parent component and closed from the modal component itself in React. I'm setting the state in the parent component and passed it down to the child modal component…
I created a custom Alert as shown below, but when I add Snackbar, it is not displaying. Here is the part that I changed, the rest is the same: AlertPopup: const AlertPopup = () => { const { text, type…
I am learning tailwind in react and want to put dynamic value into css using tailwind. I am used to MUI and there its quite simple like <Box sx={{ width: dynamicValue }} /> How do I do such thing in…
Home Component const Home = ({ mode, setMode }) => { return ( <Box m={-1} sx={{overflowX:'hidden'}}> <Navber/> <Stack direction="row" spacing={2} justifyContent="space-between"> <Leftbar/> <Feed/> <Rightbar/> </Stack> </Box> ); }; Leftbar const Leftbar = () => { const styles = { typo:…
I want to to something like this using Material UI (https://i.stack.imgur.com/X0aUV.png) I've used ButtonGroup but I dont know how to change the color of the borders. At this moment I have this:(https://i.stack.imgur.com/Yg3xZ.png) My code: <Grid item lg={4} className={style.navGridCenter}> <ButtonGroup variant='text'…