I'm using a predefined set of arrays to populate several RadioGroups. The components hierarchy is defined in the codesandbox to mimic the one in my project. Sorry if it looks verbose, there is a reason for it. Anyway, every time…
Since makeStyles is deprecated: https://mui.com/system/styles/basics/. I'm trying to implement new approach with sx prop. I'm having trouble understanding how to use it with React-Admin components. Let's say I have a list of Logs which can be Error, Warning, or Info…
I'm trying to pass a custom palette color into the color prop of a Typography tag. I've got my theme set up in theme.ts like this: declare module "@mui/material/styles" { interface Palette { tertiary: Palette['primary']; } interface PaletteOptions { tertiary:…
I'm trying to create customized Currency Input, but when ever i try to put decimal into value the textfield prevent it by typing, idk maybe there's a issue with my code.. Check the below code.. main.ts const [_val, setVal] =…
I am trying change the foreground color of a material ui v4 button that has a svg image and text. The text changes color alright, however not the image. I have dropped in the browser debugger and tried setting the…
I am working on a project which lets users click on Travel Tour "Cards" and be sent to a new page where all details concerning that specific card gets displayed to the user! I have a problem with this specific…
I'm looking for a way to extend MUI v5's MuiCssBaseline with a rule to set margin: 0 on all the heading and paragraph tags. I've tried this: MuiCssBaseline: { styleOverrides: { '@global': { h4 { margin: 0 } } }…
What is the maximum number of rows that are supported by Material UI in REACT in free or paid versions I have a huge dataset more than 400 MB of data. Is this too crazy or achievable
A regular table like this <MaterialReactTable columns={columns} data={emailResults} enableColumnFilters={false} enableMultiRowSelection={false} onRowSelectionChange={setRowSelection} > I dont want to modify emailResults the underlying data structure because this is more of a presentation logic thing and I need the full length data intact.
I'm working on a reactjs project where I use material ui in order to create my components. I have a form to create an event in my project and there I have used the Autocomplete component. When there is change…