I use Material Datatable in my React app and want to render the following part conditionally if data is not null or undefined. It is also ok for me not to execute Object.entries(data).map(x => ( line. <TableBody > { Object.entries(data).map(x…
I use Material Multiple select to select employees as shown on the following demo: sandbox demo However, I display id values of the selected employees, but I want to display names of the selected employees. For this purpose, I used…
I'm trying to create a SignUp authentication page with firebase, So when I'm try to type anything in the textfield every time the text field got reset, I cant able to find the problem. But the main problem I found…
I would like to be able to change the label fontSize from the material ui TextField component. I've come up with the InputLabelProps which works great, but as you can see in the picture bellow the label is too squeezy…
At the moment, the button is outputting on the top left corner. How to bring the button to the middle of the page? import {Button} from '@mui/material'; function App() { return ( <Button variant="contained">Hello World</Button> ); } export default App;…
import React, { useState } from "react"; import { Accordion, AccordionDetails, AccordionSummary, Typography } from "@mui/material"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; export default function DetailedAccordion() { const [expanded, setExpanded] = useState(null); const handleChange = (panel) => (event, isExpanded) => { setExpanded(isExpanded…
I am new in React and a little bit confused regarding to reusable components. I create my pages e.g. Employee in a pages folder and keep Material UI components e.g. Datatable in the components folders. Normally I would copy Datatable…
I have three columns and I wanted to add a column for removing each row. I need to add a column for "removing" on the right. Is it possible? How will I do it? CODESANDBOX: CLICK HERE const CustomTableRow =…
My Slide component with svg picture is not working. It's just showing a white box moving from left to right, (with no actual picture). How can I get this to work? Following the documentation here: https://mui.com/material-ui/transitions/ import { Paper, Slide…
I am trying to extract the logic of the Material UI v5 SnackbarAlert into a re-usable component. I have found a very similar question answered recently, however my app is using JavaScript. I've attempted to adapt this to JavaScript, but…