Category "material-ui"

Default props in theme configuration seems not to work

it's the first time I'm using Material UI and I'm having some problems using createTheme. My goal is to remove the horizontal padding for each Container so I de

MUI: Overlap text over an image?

I'm trying to make half of the text overflow (overlay) with the image on the right. How do I achieve this within a Grid item? I tried using position "absolute",

Why do MUI Linear Progress doesn't accept absolute positioning?

My MUI Linear Progress bar disappears when I set absolute positioning to it export default function LinearDeterminate() { const [ progress, setProgress ] =

Self Hosted Font in material-ui theme component library not working

I'm building a component library to sit alongside some react apps within a monorepo, library is currently being consumed by app1 and displaying components expor

How can I change the focused color of a TextField?

I am making use of Material-UI React library and I need to change the border color of a TextField when it is clicked or focused as the case maybe. Here is what

Resolving multiple versions of React in component library built with Webpack and Storybook

I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o

Resolving multiple versions of React in component library built with Webpack and Storybook

I'm trying to build a React component library built on top of MUI and using Storybook and TypeScript. Because Storybook (which uses create-react-app) is based o

Reading text in Chip

I have a Material UI chip where I want to read the text within it when I click that chip. My code so far is below: <Chip label={name1} color="primary"

How to migrate from Material Design 2 to Material Design 3

I have an application which is designed using Material Design 2. I have not submitted that to Playstore yet. I am now trying to upgrade that application to Mate

NextJS scroll into view of specific component upon button OnClick that exists on a different js file

I'm using NextJS and I have my components on different js files that come together under one js file on my "pages" folder (index.js). What I want to be able to

React MUI: theme color custom prop not applied

I have 2 themes, dark mode and light mode: import { styled, alpha, ThemeProvider, createTheme } from '@mui/material/styles'; //I use the dark theme only const

MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes?

MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes? I was trying to do it using styled in MUIv5, bu

Material UI Lab v5: How to style DateRangePicker calendar?

I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the backgr

TextField not editable due to Uncaught TypeError: is not iterable

I am pulling data from an API and appending it to TextFields where it is displayed. I need to be able to edit the data displayed in TextFields, but I a get thi

How can i style conditionally one row in material-table

I would like to style on row based on a certain props of one row, here is the code : <MaterialTable className="ciao" title="One Detail Panel

Material-UI DataGrid: How do I add a tooltip to each row cell?

I could not find anything related to this in the react material ui datagrid documentation here. I noticed you can add tooltips to columns via a "description" fi

How to create custom CSS classes using MUI v5 theme?

I am using MUI v5 in my application along with react-d3-tree which renders SVG tree charts. It offers an API to include custom CSS class names in the <path&g

Problem Upgrading React application - material UI v4 to v5

I have this problem upgrading my react application. Basically, I followed the damn mui-v5 documentation, and I still have some erros in my app.tsx file. import

Tooltip MUI and React testing library

I'm trying to test an Info HOC on my react app : const InfoHOC = (HocComponent) => ({ message }) => ( <> <Tooltip title={message}>

Error while using withStyles in mui version 5

I have problem in mui/material v5.0.4 and ts v4.4.4 while using withStyles method. I get this error for using AntSwitch component: 'AntSwitch' cannot be used as