Javascript – Is it possible to trigger a mui dialog actions button with CTRL + S?
I want my users to be able to save using CTRL + S in a MuI dialog. Is this possible to do?
Reactjs – How to use custom properties from MUI theme object with custom props in emotion styled components?
I have added a custom object named fTokens to the MUI theme via Module augmentation in TypeScript This is how my theme.d.ts looks like declare module "@mui/material/styles" { interface FPalette { ... } interface FTokens { ... } interface FSpacing…
How can I adjust the cursor size of a Material 3 TextField within a theme in Flutter?
Iam trying to globally set the cursor height of Material Textfield using ThemeData When using the TextField widget you get accessed to a param "cursorHeight" that let's you change the cursor height. TextField( cursorHeight: 15, ); The problem is I…
Css – MUI CircularProgress to semicircle
Using CirculaProgress I could get Is there an easy way to change it to semicirle like this?
Reactjs – MUI Grid children taking too much space
I'm trying to render two large blobs of text side by side, each of which may or may not include new lines or any whitespace. I'm attempting to use a Material UI Grid however the grids are not behaving the…
Reactjs – how to add tick icon instead of bullet icon in MUI radio button
i need to add CheckCircleSharpIcon from '@mui/icons-material/CheckCircleSharp' instead of bullet icon {res?.map((radiooption, index) => ( <> <RadioGroup aria-labelledby="demo-radio-buttons-group-label" name="radio-buttons-group" className={classes.radioGroup} value={value} onChange={handleChange} key={radiooption.secondaryRadioName} > <FormControlLabel className={classes.radioButton} value= {radiooption?.secondaryRadioName} control={<Radio />} label={<span dangerouslySetInnerHTML={{ __html: radiooption?.secondaryRadioName }}/>} /> </RadioGroup> </> ))}
Reactjs – MUI: The Menu component doesn't accept a Fragment as a child
Created a Menu component with 3 menu items that are conditionally rendered It keeps on showing 'MUI: The Menu component doesn't accept a Fragment as a child. Consider providing an array instead. '. on the console. I checked some questions…
Reactjs – MUI Card component – make the whole card clickable on mobile but not on desktop
I am using the MUI card component to build out a layout. On mobile screen sizes, I want the whole card to be clickable. While on desktop, I want there to be a button instead and the card itself is…
Reactjs – MUI datepicker – min date confusion
This could be my newness to MUI - however I have a basic (ie no content application) import React from "react"; import { Container, Grid, Typography } from "@mui/material"; import { DatePicker } from "@mui/x-date-pickers"; import { LocalizationProvider } from…
Reactjs – How to override the CSS default properties of Material UI on React?
I have some React project and I'm using the 'Table' component from Maerial UI. That table with her components (TableHead, TableCell, TableRow etc.) have thier default CSS properties. But when I'm trying to override that in a suitable and right…