Category "material-ui"

MUI5 theme aware sx prop and type checking

When using the sx prop and leveraging theme aware properties in TypeScript. Is type checking happening? How can I confirm this?

I am trying to dynamically create a Mui icon using React.createElement. However, React lowercases the element. Is there a way to keep case?

I am getting service.icon from JSON, so it looks like so [ { "icon": "AdminPanelSettingsIcon", } ] I am using React.createElement() like so, data.map((

Image on Material UI CardMedia

I´m having some troubles on getting an image from props on a CardMedia image: <Card className={classes.card}> <CardMedia className=

material-table after open dialog in edit row is closed edit of row

I use in Reactjs library material-table. I have for one column button for add image using dialog. It work good for add new row but if i want edit row after open

MUI Nav Tabs does not work with react-router

Here are the four components: App.js: import React from 'react'; import { Route, Switch } from 'react-router-dom'; import About from './About'; import Home from

In Material UI v3.6.0 Select Dropdown div flickers / triggers twice

When i am providing less than 100 items to the Select Dropdown its working fine but if i provide more than 100 then the Dropdown flickers/triggers twice. I have

How to test Material ui's DatePicker with Jest and Enzyme

i've got a problem. I'm trying to test material ui's datePicker (https://mui.com/api/date-picker/) with Jest and Enzyme. I've searched alot but couldnt find any

React Material-UI, Kotlin and themes

I am trying to use material-ui from Kotlin. (Am going quite well and will release it to the public if it all works OK.) I am a bit of a newbie to Javascript (a

How to move Material UI tabs to the bottom of a parent like AppBar?

If you have <Tabs that are inside an AppBar, what would be the best practice for having the tabs at the bottom of a parent, so like at the bottom of the head

Add custom style inside DataGrid Toolbar's popup component Material-UI

I'm creating a custom Data Grid Toolbar component by modifying existing Grid Toolbar components from Material-UI. Here is the official example for the Grid Tool

Use breakpoints in Material-UI Container

I use Container and it needs to be different size for mobile and for desktop. How can I have the Container maxWidth different size based on Breakpoints like thi

The prop `children` is marked as required in `AppBar`, but its value is `undefined`

I want to use native Material-ui component but have this error in browser : index.js:2178 Warning: Failed prop type: The prop children is marked as required in

How to remove in NextJS/React white spaces and non integer charcters when copy pasting a 2fa code inside a texfield input

I have a login that requires a 2FA authentication which is sent by email to the user. The code is long 6 digits. When a user copy-paste the code that appears as

MUI next Tooltip does not show on hover

I use Material-UIv1.0.0-beta.34 Tooltip with Checkbox and FormControlLabel, actually when I hover to the label on Checkbox in one case the tooltip shows as expe

Warning: Failed prop type: Invalid prop `item.icon` of type `object` supplied to `FuseNavVerticalItem`, expected `string`

I have a project to run a contracting company and in this project I am trying to create a Salaryscale, and I have this file that contains a set of fields But I

MUI DatePicker hangs on big date changes

MUI DatePicker (either from Labs or X) was working fine. I cannot work out what happened, but it now hangs if I want to change the date by ten years. It seems l

How to use Material-UI in asp.net mvc project

Is there a way of using Material-UI without having to go through installing all of the dependencies using NodeJS. I would love to use this in an ASP.NET Project

What is the difference between the different ways of importing material-ui components?

From reading the material-ui documentation and online examples, there seem to be different ways of importing the same item: import TextField from 'material-ui/

How to increase the font size for the Table component

I'm beginning to evaluate material-ui as an alternative for a project and I would like to know what is the recommended way to change the font size for a table.

Material-UI Can't resolve '@material-ui/core/styles/createMuiTheme

I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new po