Category "material-ui"

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

How change the size of UI Chip dynamically

In the following example, I am trying to change the size the UI chip in dynamically in order to respond to the font size of its parents using the em css unit. M

Material-UI: Restrict specific special characters in TextField

How can I put a validation or not allow to enter the following special characters [^%<>\\$'"] on the Material-UI TextField. Below are my existing codes. c

Are HTTP query string parameters and form field names containing dot (`.`) discouraged or prohibited in modern Web development?

I created a HTTP API endpoint for searching a database, it is used like this GET /orders?created_by.name=John&delivery_estimate.start=2022-06-01 Our web fr

How to change background color in react materialUI card

Hi i want to change background color of card in react materialUI card project. see the attached picture what i am expecting. Screenshot: https://stackblitz

How to change background color in react materialUI card

Hi i want to change background color of card in react materialUI card project. see the attached picture what i am expecting. Screenshot: https://stackblitz

Input from a textfield autofills the other textfields based on data

I have this example data: export const data = [ { state: "state", firstName: "Alex", lastName: "Dhan", country: "US" }, { state: "stat

How to fix 'missing form label' error in Material UI Select using chrome WAVE tool

I am using material UI Select and we are using chrome WAVE tool to fix ADA issues. An error of 'Missing form label' is coming on material UI Select like in the

How to change default sorting icon on table header column on React Material-Table?

Can I change the default sorting icon on React Material-Table table header column ? ex. I want to change asc sorting icon to ArrowDownward and desc sorting icon