Category "material-ui"

How do I set a width for the TextAreaAutoSize component in Material-UI?

I can't find any info anywhere on how to change the default width of a TextAreaAutosize component in material-ui. It seems the only choice is to have this litt

MUI 5 SX Typescript error when spreading values in prop

I need some help with this typescript error with MUI sx prop. When I try to combined or spreed sx values into an sx prop I get this error. I works if I just do

Adding New Component Props Inside CreateTheme V5

How can I add new props to a component inside createTheme in version 5? I see how to add new variants but not new props. Also is there a way to know what TypeSc

How to add a new prop to MUI component with TS Augmentation

I'm using MUI v5 and I'm trying to add a new prop to the TableRow componenent. MUI documentation on module augmentation lacks some examples, since it only shows

Material-UI V5 RTL with stylis-plugin-rtl

i am useing Material UI 5 with next.js and have implemenmted every steps exactly like the documentation here with emotion and stylis-plugin-rtl v2: https://next

Material-UI - Apply max-height to Select children

I am using the Material-UI react library to render some Dropdown menus, using the <FormControl>, <Select> and <MenuItem> components. The optio

Conditionally return ForwardRefExoticComponent and FunctionalComponent

I have created a wrapper on MUI TextField component i.e. TextFieldWrapper with custom stylings and validations. It is being in the app in many places. The probl

Proper way to use react-hook-form Controller with Material-UI Autocomplete

I am trying to use a custom Material-UI Autocomplete component and connect it to react-hook-form. TLDR: Need to use MUI Autocomplete with react-hook-form Co

TypeError: apiRef.current.updateRows is not a function in material ui data-grid

I want o make a Data Grid Table using Material UI. Where User can update particular row data from a form submission. For the performance issue, I want to add us

How to enable/disable multiple rows delete button of Material Ui data table

Using Material UI datatable which has everything searching , pagination and multiple rows delete option. Refer from https://openbase.com/js/mui-datatables/docum

Module not found: Error: Can't resolve '@mui/icons-material/SearchOutlined'

I have installed both the packages already the icon and the core but still m getting this error, why?? import React from 'react' import './Nav.css'; import

Media Queries in Material-UI Using Styled-Components

Material UI has a nice set of built-in media queries: https://material-ui.com/customization/breakpoints/#css-media-queries Material UI also allows us to use S

Media Queries in Material-UI Using Styled-Components

Material UI has a nice set of built-in media queries: https://material-ui.com/customization/breakpoints/#css-media-queries Material UI also allows us to use S

Can't get different state background for MaterialButtonToggleGroup

I'm using Material 3 ButtonToggleGroup, I want to have a different background when a button is selected. However, If I don't add any attributes to my style appl

Error inflating class com.google.android.material.button.MaterialButton

What i'm trying to achieve is having a gridview with some materialButton inside. I tried to create the gridview like : <GridView android:id="@+id

How to style mui-rte CodeBlock

By default the CodeBlock is styled with a white-ish background and black-ish color. This works fine with a "light" palette but is unreadable with a "dark" palet

Cannot find module '@material-ui/lab'

I am building a front-end page where I need @material-ui/lab. After installing the package with npm, I get a typescript error when compiling: TS2307: Cannot fin

Set maximum form field length in React Admin

Is there some way to set a field in a SimpleForm within React-Admin to limit the number of characters a user can type into that field? Based on the docs, the Re

Changing material UI button text based on a condition

I am using the material UI button for my component and want to change the button text based on a condition that if order amount is 0, show button text as "cance

How to use Material UI (mui) 5.0 inside an iframe?

I'm trying to render MUI components inside an iframe using react portal. Although they are rendered inside the iframe, they lose all thMUI components lose their