Category "material-ui"

ReactJS + Material-UI: How to alternate colors between Material-UI <Table/>'s <TableRow/>?

I currently have a Material-UI's <Table/> ( http://www.material-ui.com/#/components/table ), and would like each row to switch off between color blue and

React Material UI show progress in Table while waiting on data

I know it is possible to show Circular progress over the as-yet-to-be-populated table. How do you do it? As it stands right now the table says No records to d

Change color of Select component's border and arrow icon Material UI

I'm trying to use a Material UI Select component on a dark background: But I'm unable to change the color of the drop down icon and underline border to white

Material-table with MUI full screen dialog

Problem: Clicking a button in my material-table it opens the full screen dialog then closing the dialog, Then I am not able to click anywhere in the screen anym

How to resize a material-ui button

I have this code here : I am trying to have 3 small square buttons with + and - sign and one in the middle with a digit. I am using material. The buttons now a

ReactJS: [Home] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

I am trying to navigate to "/quiz" when Start Quiz button is clicked. However when I compile my code I am getting the following error on the website applicatio

React Material UI Label Overlaps with Text

I'm using Material UI in a React application and trying to implement an entity update page. In this, we would need to set the exiting values of the entity to le

Material UI Data Grid first column fixed

Is it possible to make first column fixed when scrolling horizontally in Material Data Grid? I tried with selecting first child and applying position: sticky bu

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