I aim to create a custom MUI accordion which should look like this: Now, I have attempted in creating this custom MUI accordion using these code structure (this accordion also uses some custom search box functionality and custom accordion data)…
I'm new to react and material UI and I'm trying to make a dropdown select component. I want to be able to pass onChange functions to the component from the parent, and I've followed the official documentation, but selecting the…
Here working sample code which i copied from MUI webpages import * as React from 'react'; import { DataGrid, GridToolbar } from '@mui/x-data-grid'; const rows = [ { id: 1, username: '@MUI', age: 38, desk: 'D-546', }, { id: 2,…
I'm using React/MUI for the first time and am unable to make themes work consistently. Here's a simple example of something that doesn't work for me, a Box: import { createTheme, ThemeProvider } from '@mui/material/styles'; import Box from '@mui/material/Box' const…
Can anyone tell me how to add telephone number to the react bootstrap buttons, when clicking should call that number. I have used div tags and link to make it look like a button. what I want to do is…
`how can i put a hover effect without using sx pros on Material UI? I want to give a Hover effect on this code ( I wrote a hover here on the code) but i have no idea how to…
I'm trying to add the hover effect to material icons but it does not work. I'm not sure what's going wrong. Everything else looks great but I'm unable to see the hover effect. I've added my code below. import ManageAccountsIcon…
I am new to material UI and I was playing around with components but I got stuck in an issue. <TextField type="email" name="email" id="email" label="Email" variant="outlined" color="secondary" required /> <DatePicker label="Basic date picker" /> Just like how I gave a…
I have page with few forms components as defined below, everything in front works fine, however if I look my console logs the function Fetchmovies is continuously being executed and throws caught Error: Too many re-renders. React limits the number…
I have one parent component with 3 buttons and 3 children components. Each button should open one component but with my code the 3 buttons open the same component when I click on the buttons. The children components are in…