Category "material-ui"

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

How to change the font size of Chip of Material-UI

I have Chip widget const styles = { root:{ }, chip:{ margin: "2px", padding: "2px" } } const SmartTagChip = (props) =>{ const classes = us

Resizing columns bug in Material-UI X-Grid when using in RTL

Resizing columns does not work properly when using Material UI X-Grid component with RTL theme. Accepted- dragging the LEFT portion of the column separator to t

How to handle "outside" click on Dialog (Modal)?

My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what