Category "material-ui"

How to change the outline color of OutlinedTextField from jetpack compose?

Here is how OutlinedTextField code looks like in jetpack-compose: OutlinedTextField( value = "", onValueChange = {}, label = {Text("Input")} ) The

No Material widget found which widget is inside of Scaffold

The following assertion was thrown building IconButton(Icon, padding: EdgeInsets.all(8.0), dirty): No Material widget found. But you'll see from the code below

Default Values from API in MUI Text field

I have a form that I built using material UI that I would like to have their default values from an API. The main idea is an Edit screen where the user can edit

How to set focus to a materialUI TextField?

How can I set the focus on a material-ui TextField component? componentDidMount() { ReactDom.findDomNode(this.refs.myControl).focus() } I have tried abov

How to set focus to a materialUI TextField?

How can I set the focus on a material-ui TextField component? componentDidMount() { ReactDom.findDomNode(this.refs.myControl).focus() } I have tried abov

How to center a component in MUI and make it responsive?

I don't quite understand the React Material-UI grid system. If I want to use a form component for login, what is the easiest way to center it on the screen on a

How to add helper text in date field in material UI?

This is my component definition: <DateField name={formElement.name} type="date" label={formElement.name} onChange={(date) => formi

How do I extend the color palette from mui with Typescript

I'm trying to extend the color palette that mui provides. The overriding of primary, secondary etc colors works well but if I want to create a custom set of col

Material-UI: Too many re-renders. The layout is unstable. TextareaAutosize limits the number of renders to prevent an infinite loop

I have the following piece of code: export function MyTextField({ onChange, defaultValue }) { return ( <TextField defaultValue={defaultValue}

Next.js: Module not found: Can't resolve 'canvg'

I have a next.js project and I keep getting: error - ./node_modules/jspdf/dist/jspdf.es.min.js:458:25 Module not found: Can't resolve 'canvg' I'm not sure why

How to give Typography-like style to an input element with Material-ui?

I would like my Typography field to become editable, so I transform it into an input. Now I would like this input to have the same style. How to do it? I tried

How to snap Draggable's to Grid? (Material UI)

I am trying to make a card that is draggable, which is layered on top of a grid, and when moved, I want it to snap to the different sections of the Grid. I am a

A component is changing an uncontrolled Autocomplete to be controlled

Can you tell me that why I'm getting error "A component is changing an uncontrolled Autocomplete to be controlled. Elements should not switch from uncontrolled

Issue with Material UI Icons npm installation : unable to resolve dependency tree

I was trying to install Material UI Icons in my Netflix-Clone React.js project with npm, but I got the following error - PS D:\REACT Projects\netflix> npm i

Hide Menu Icon Button of Appbar of Material UI for only Desktop

<AppBar title="My AppBar" showMenuIconButton={false} /> This Hides the Menu Icon in all devices. I need to hide only in Desktop. How Can I achieve th

Does Material UI have an Image component?

I used other react components before, they mostly have their own Image component, but I can't find that in Material-UI? Or is it done via CardMediaAPI? or simp

MUI5 Stepper unexpected vertical line when calling from function

Hi I am trying to develop MUI5 vertical stepper but got issue when rendering steps from function. So, there is one extra connector line on top of first step. ht

How to test Material UI v5 components with sx props in @testing-library/react?

React Testing Library does not apply sx props of Material UI components during rendering. For example, I specify properties to hide an element at certain breakp

makeStyles in Material UI not applying

I am trying to style my pahe using makeStyles from material ui with react js. it is working for me with some pages, but most of them are not working even if I a

Using Dividers inside Material-UI Tabs

If I want to use a Divider or something else that isn't a Tab inside Material-UI Tabs, I get DOM warnings in the console. <Tabs ...> //... <Divide