Most voted "material-ui" questions
Material-UI is an React component framework that implements Google Material Design. This tag should be used for questions related to the Material-UI framework.
Learn more…25 questions
Sort by count of
-
2
votes0
answers482
viewsArgument of type 'Iaulasadicional[]' is not Assignable to Parameter of type 'string'
Opa, I have this problem in my code which I am not able to solve, follows below my code I hope you can help me!!! Stoned: "AulasAdicionais": [ { "Periodo": "1", "HorarioInicio":…
-
1
votes1
answer32
viewsTable is not rendered again after a setState
I have a table of Material React Ui and I’m trying to accomplish sort in the data. After the array is sorted, my table is not being rendered with the new positions set by sort. I already checked the…
-
1
votes1
answer25
viewsHow to exchange the value of Select - Materil UI
Hi, would you like to know how to set a value in Select Component, Material UI, through a click? For example, by clicking the button, invoke the handleAlert function, which changes the Select value;…
-
1
votes1
answer144
viewsInserting data into failed Datagrid for unique ID not found React Material-UI
the error that presents me: Error: Material-UI: The data grid Component requires all Rows to have a Unique id Property. A Row was provided without id in the Rows prop: {} I build my table according…
-
1
votes1
answer30
viewsControl inputs React
I have a component that renders a Material-ui Switch-style checkbox. The code is this: import styles from './styles.module.scss'; import { useState } from 'react'; import { handleInputsRelativeIds }…
-
1
votes0
answers30
viewshow to set up a Drawer component so that it pushes all the content of the site to the side and is not yet affected by the scroll?
The idea was to push all other contents of the other Box to the right when the Drawer was, but it was immune to the mouse scroll leaving its contents always visible <Box> <Sidebar…
-
0
votes1
answer56
viewsHow to change the standard typography class in a formcontrollabel - material-ui | React?
I would like to change the default properties of a formControlLabel of body for caption. I tried something like this and it worked: <FormControlLabel value="all" control={<Radio…
-
0
votes1
answer288
viewsWhen changing an option of my material select I get: Use the `defaultValue` or `value` props on <select> Instead of Setting `Selected` on <option>
I have the following material-ui-React select component: <FormControl fullWidth variant="outlined" className={classes.formControl}> <InputLabel ref={inputLabel}…
-
0
votes1
answer125
viewsHow to remove blue border from React Material Modal?
I’m using that React Material Modal. In the examples, when opening the modal, it is wrapped in a blue border, there is some way to remove this effect? I saw on the Modal api that owns a property…
-
0
votes0
answers15
viewsSorting values in mui-datatable
I’m using the mui-datatables , someone can tell me how to adjust his ordination which apparently is organized only by the first digit of the value ?…
-
0
votes1
answer141
views"Can’t perform a React state update on an unmounted Component" when I try to change the state in useEffect
I have a React UI Material Server and I need that when the component is mounted, check the localStorage and take the value of the logged in user to show in the template. This is my component: const…
-
0
votes1
answer34
viewsVerticaltab Material React UI is being overlaid by tab content
I’m trying to use this component of vertical guides, but when I insert a large content it is superimposing my vertical-tab as you can see in this demonstration return ( <div…
-
0
votes1
answer838
viewsHow to make a table where the cells are inputs in React with Material UI
I need to create a table with Material UI that will actually be a matrix, the size of this matrix will be dynamic and precise that the cells in the table are inputs to be completed and inputs will…
-
0
votes2
answers1497
viewsHow to use the Material Ui autocomplete Component without errors
I have a component Autocomplete of the Material UI where the user searches the values based on an array of products that comes from an API. The component is like this, where products is the array,…
-
0
votes1
answer51
viewsHow to change the pre-name of classes generated by Material UI
Hello, I am creating a project that uses Material UI and I realize that when I compile it generates the classes in production of JSS ex: I’m used to working using css modules together with the…
-
0
votes1
answer22
viewsIs it possible to set the number of items displayed in a material table per device?
I’m doing a project in React and I have a component that makes a data listing using Material Table. By default I set to display 10 items per page, but in mobile it is bad to have so many items,…
-
0
votes1
answer31
viewsConditional rederization of a component from a selected item
good afternoon, I am going through difficulties to perform a conditional rendering that aims to render an Iconbutton only when and selected a value from the predefined list. my const with the list…
-
0
votes1
answer35
viewsCreate a table separating dates by quarter with React and Node
The table needs to look like this: She’s like this: I was able to create a table using Sequelize with the data of each unit, with cnpj and everything, and I made a table of dates related to this…
-
0
votes0
answers20
viewsBlank lines in the datagrid component of Materialui
I have a problem, I am using the Material UI Datagrid component and every time I make a request and return me the data, new blank lines are also created, there is some way to change this component…
-
-1
votes1
answer773
viewsAdd Icon with React Activate Material UI Button
I have this button with the icon Tails, but I would like to put the expandmore that has in the ui material, however, when putting it, it does not work, no icon name that has more than one word works…
-
-1
votes1
answer75
viewsHow to apply line break after an image?
I own a img and a Button, both are within one Grid library React-ui material. My goal is to center horizontal and vertical both the image and the button in the available space xs={4}, however, I…
-
-1
votes1
answer30
viewsHow do I stop via a button in the "Menu.jsx" component, call a Dialog within "Register.jsx"
Personal talk, I set up a page that has a menu (inside the file "Menu.jsx"), in this menu has a button, I want to open a "dialog", like a pop-up to register notes. This dialog has its own file…
-
-1
votes1
answer61
viewsTextfield Select default value in Material-ui
It’s a basic question, I’m trying to leave the default value empty, but it always ends up filling with the first item: <TextField select id="letter" name="letter" label="Letra" defaultValue=""…
-
-1
votes1
answer61
viewsUse Animation and keyframe in ui material makeStyles
I am trying to use keyframes in makestyles of the ui material, but no effects appear. The Goal is to make the button pulse. What’s wrong with my code? This is what I managed to evolve using an…
-
-2
votes2
answers192
viewsHow to pick specific field of an object array using the material ui autocomplete component
I have a Material UI autocomplete component, created using the package formik-material-ui. The component renders an array of model objects below: const teams = [ {id: 1, name: 'Barcelona'}, {id: 2,…