I've been seeing discussions about ThemeManager scattered around the internet, but it appears to be only accessible in the react-native branch. Is this absence from the "next" release intentional or unintentional? Thanks, Andy
I've been seeing discussions about ThemeManager scattered around the internet, but it appears to be only accessible in the react-native branch. Is this absence from the "next" release intentional or unintentional? Thanks, Andy
The ThemeManager component has been marked as deprecated starting from v0.15.0 and has been replaced by the MuiThemeProvider component for better functionality.
Is there a way to make the text field display empty if the column is null? Currently, when using an empty string as the value, the label appears in the position of the actual value. How can this be improved? <TextField margin="normal" ...
Can a tooltip be added to an element inside an input when the element is wider than the container and the mouse cursor hovers over it? I attempted to use a Tooltip around a TextField in the renderInput attribute. While this method works, there seems to b ...
Currently, I am utilizing MUI version 5 within a React project. My objective is to customize the icon color for the Error Alert by using General StylesOverrides. Although I successfully altered the color on the Alert component, I am unable to discover a ...
I frequently utilize a Date picker that offers the option to clear, but only when the picker is open. https://i.stack.imgur.com/Y5kFI.png Perhaps it would be feasible to include a custom button like this: https://i.stack.imgur.com/BzvFw.png Alternative ...
I recently encountered a warning while working on my blog project with this framework. The warning I received out of nowhere reads: react_devtools_backend.js:2273 Warning: Prop `target` did not match. Server: "_top" Client: "_blank" ...
When using Material UI Table pagination, the indexing starts at zero. So, even when you are on what is labeled as 'page 1', it actually resets to 'page 0'. Is there a way to make sure it stops at 'page 1'? https://i.stack.img ...
Can anyone help me figure out how to make a toolbar floatable when scrolling down using Material-UI? I tried setting textAlign:'center', position: 'fixed', top: 0, but it's resizing strangely when applied to the <Toolbar/>. ...
I have implemented a text carousel using MaterialUI's Fade component. The carousel displays text from an array provided in a prop called dataArray. To achieve the carousel effect, I am toggling the boolean value of the Fade component and updating the ...
Is there a way to make the MUI stepper connector act as a progress indicator? I have step content and connectors as separate divs, but I'm having trouble styling them. Any assistance would be greatly appreciated! ...
Currently, I am facing an issue with the Material-UI card header as the background color is affecting the readability of the default font. My aim is to use the typography prop h4 for the header, but I am struggling to achieve this. https://i.stack.imgur.c ...
Looking to implement multi-language support in MUI Datatables. I have been able to modify the translations, but when attempting to change languages by providing a different object with new translations (verified using console log), the label texts do not u ...
As a newcomer to MUI, I am working on a simple application where I encountered an issue with the Datepicker. import React from "react"; import { Container, Grid, Typography } from "@mui/material"; import { DatePicker } from "@mui/x ...
My goal is to make a selected row move up and down on arrow clicks, and in order to achieve this, I need to retrieve rows from the MUI DataGrid. I am using the useGridApiRef hook to do so, ensuring that the rows are filtered and sorted accordingly to match ...
I have a structured menu layout that includes nested items: menuList = [ { "key": "key1", "caption": "Text1" }, { "key": "key2", "caption": "Text2", ...
UPDATE: Resolved the problem by including this code in index.css input { -webkit-user-select:text;} In my application, I am using a Material UI box that contains text fields with an onChange handler. While the TextFields function correctly on most bro ...
Does anyone have suggestions on how to create a circular progress bar with cropping at the bottom, similar to this example: PROGRESS BAR? I've been searching for a component like this but haven't had any luck. Any ideas, especially utilizing Mate ...
I redid the basic popover example from this website, but this time using mouse hover properties: https://codesandbox.io/s/eager-dewdney-yt3v-yt3vb <Button variant="contained" onMouseEnter={e => setAnchorEl(e.currentTarget)} // onMou ...
I have the following dependencies: "@material-ui/core": "3.5.1", "react": "16.4.0", "typescript": "2.6.1" Currently, I am attempting to recreate the material-ui demo for SimpleListMenu. However, I am encountering one final compile error that is proving ...
Here is a snippet of my code: import { AppBar, createStyles, MenuItem, Select, Toolbar, Typography } from '@mui/material'; import { makeStyles } from '@mui/styles'; import { useState } from 'react'; const useStyles = makeStyl ...
I am facing an issue in my React project with a dialog that opens full screen but does not close when clicking on the close icon button. The component responsible for opening the Dialog : interface IContentCardProps { content: IContentProps; } const Co ...