All Questions
6,298 questions
1
vote
2
answers
52
views
mui react example / template failing to run
I'm testing MUI components, and I wanted to give their example app with vite / TS a spin with their Dashboard template. The README in the Dashboard says to spin up one of the example apps, copy the ...
- 10.5k
0
votes
1
answer
42
views
Material-UI, merging slots from props to Child Component
I have a lot of datagrid components that are very similiar to each other minus some params that I pass as props, they share the same Custom Footer inside of the slots and some styling
export default ...
- 15
0
votes
0
answers
66
views
What is the best way to filter a column containing a string array in MUI datagrid?
I have a mui datagrid with a column containing an array of strings. I want to compare this to an array of strings that the user selects from a filter list and show the row if any of the items in its ...
- 47
1
vote
1
answer
76
views
How to make Material UI sidebar slide and push?
I created a React app that uses a sidebar that is supposed to ease-in-out, but it doesn't. It just pops in while successfully pushing the content to the right, and pops out when clicked again.
The ...
- 39
2
votes
1
answer
36
views
Why are params undefined in valueGetter but not in renderCell when using MUI datagrid?
I'm trying to set the value of a column based on the value of other columns in my datagrid. It works when setting what to render in rendercell but params is undefined when passed to valuegetter. What ...
- 47
1
vote
0
answers
71
views
MUI v5 Autocomplete. How to dynamically define argument type in onChange callback based on disableClearable?
I am trying to define reusable Autocomplete component with MUI Autocomplete as a foundation.
I want to define my own onChange callback (for a property) that accepts:
string if DisableClearable is ...
2
votes
1
answer
65
views
How to navigate to a new page in Material UI Toolpad and change its toolbar in React?
I have a React app that uses the Material UI Toolpad Dashboard layout. The left navigation bar contains the main navigation pages. Those work correctly. There are other pages that I want to navigate ...
- 39
0
votes
0
answers
31
views
Is it possible to set a default value for an Material React Table with a select
I am trying to make a table with Material UI Table, and when I edit or add a row some values are to be selected from a dropdown. That works as expected, but I would like to have one of the dropdown ...
0
votes
1
answer
50
views
Why does useActivePage() in React MUI Toolpad example return null?
I need to add slots to a PageContainer, specific to each page, so I need to get the title of the page first. I'm following example in MUI Toolpad for dynamic routes in PageContainer component:
https:/...
- 1,485
0
votes
1
answer
23
views
How do I style Modal MUI component with TailwindCSS?
I have setup my app propely to make things work but i have problem with modal component.
When i do
<Button classname="bg-red-600">Click</Button>
Everything works fine. Same on ...
- 1
1
vote
1
answer
66
views
MUI React Dropdown prop passable filter
I am trying to create a filter setup that I can add to a Material-UI dropdown that I can pass via props of what specified value of specified variable so I can reused the filter on any of my dropdowns,...
- 61
0
votes
2
answers
57
views
How to customize LinearProgress color in Material UI
I have set a theme for my codebase using createTheme like so:
import { createTheme } from '@mui/material/styles';
export default function getTheme() {
return {
theme: createTheme({
...
- 27
0
votes
1
answer
36
views
How to sanitize MUI autocomplete input? It doesn't update on keypress
What I have
I have a MUI Autocomplete component inside React.
Goal
I would like to sanitize the input typed into it so the user can't enter characters that wouldn't make sense anyway.
What I tried
I ...
- 31.2k
0
votes
1
answer
41
views
Rows overlapping when resize window
While creating table using Grid it two columns are overlapping when resize the window, I am not much familiar with react so, this is my code below which I tried, but it results me in below image. ...
- 45