| Feature | State |
|---|---|
styled |
β |
sx property |
β |
| System properties | β |
| Theme context | β |
| Slot classes | β |
| Breakpoints as an object/array | β |
styleOverrides |
| Transformer | State |
|---|---|
| MUI imports | β |
| MUI components | β³ |
| ES6 destructuring assignment | β |
| ES6 spread assignment | β |
React.*Event |
β |
React.*EventHandler |
β |
React.*HTMLAttributes |
β |
React.Attributes.className |
β |
React.Attributes.key |
β |
React.Context |
β |
React.createContext |
β |
React.ElementType |
β |
React.forwardRef |
β |
React.Fragment |
β |
React.JSXElementConstructor |
β |
React.memo |
β |
React.ReactElement |
β |
React.ReactNode |
β |
React.Ref |
β |
React.useCallback |
β |
React.useContext |
β |
React.useEffect |
β |
React.useLayoutEffect |
β |
React.useMemo |
β |
React.useRef |
β |
React.useState |
β |
| Component | State | Pending props |
|---|---|---|
| Accordion | ||
| AccordionActions | ||
| AccordionDetails | ||
| AccordionSummary | ||
| Alert | β | |
| AlertTitle | β | |
| AppBar | β | |
| Autocomplete | ||
| Avatar | β | |
| AvatarGroup | ||
| Backdrop | β | |
| Badge | β | |
| BottomNavigation | ||
| BottomNavigationAction | ||
| Box | β | |
| Breadcrumbs | β | |
| Button | β | |
| ButtonBase | β | |
| ButtonGroup | β | |
| Card | β | |
| CardActionArea | β | |
| CardActions | β | |
| CardContent | β | |
| CardHeader | β | |
| CardMedia | β | |
| Checkbox | β | |
| Chip | β | |
| CircularProgress | β | |
| ClickAwayListener | ||
| Collapse | ||
| Container | β | |
| CssBaseline | β | |
| Dialog | β | |
| DialogActions | β | |
| DialogContent | β | |
| DialogContentText | β | |
| DialogTitle | β | |
| Divider | β | |
| Drawer | β | |
| Fab | β | |
| Fade | β | |
| FilledInput | β | |
| FormControl | β | |
| FormControlLabel | β | |
| FormGroup | β | |
| FormHelperText | β | |
| FormLabel | β | |
| GlobalStyles | β | |
| Grid | β | |
| Grow | β | |
| Hidden | ||
| Icon | β | |
| IconButton | β | |
| ImageList | ||
| ImageListItem | ||
| ImageListItemBar | ||
| Input | β | |
| InputAdornment | ||
| InputBase | β | |
| InputLabel | β | |
| LinearProgress | β | |
| Link | β | |
| List | β | |
| ListItem | β | |
| ListItemAvatar | β | |
| ListItemButton | β | |
| ListItemIcon | β | |
| ListItemSecondaryAction | β | |
| ListItemText | β | |
| ListSubheader | β | |
| Menu | β | |
| MenuItem | β | |
| MenuList | β | |
| MobileStepper | ||
| Modal | β | |
| NativeSelect | β | |
| NoSsr | ||
| OutlinedInput | β | |
| Pagination | ||
| PaginationItem | ||
| Paper | β | |
| Popover | β | |
| Popper | β | |
| Portal | β | |
| Radio | β | |
| RadioGroup | β | |
| Rating | ||
| ScopedCssBaseline | ||
| Select | β | |
| Skeleton | β | |
| Slide | β | |
| Slider | ||
| Snackbar | ||
| SnackbarContent | ||
| SpeedDial | ||
| SpeedDialAction | ||
| SpeedDialIcon | ||
| Stack | β | |
| Step | ||
| StepButton | ||
| StepConnector | ||
| StepContent | ||
| StepIcon | ||
| StepLabel | ||
| Stepper | ||
| StyledEngineProvider | ||
| SvgIcon | β | |
| SwipeableDrawer | ||
| Switch | β | |
| Tab | ||
| Table | β | |
| TableBody | β | |
| TableCell | β | |
| TableContainer | β | |
| TableFooter | β | |
| TableHead | β | |
| TablePagination | ||
| TableRow | β | |
| TableSortLabel | ||
| Tabs | ||
| TabScrollButton | ||
| TextField | β | |
| ToggleButton | β | |
| ToggleButtonGroup | β | |
| Toolbar | β | |
| Tooltip | ||
| Typography | β | |
| Unstable_TrapFocus | ||
| useAutocomplete | ||
| useMediaQuery | β | |
| usePagination | ||
| useScrollTrigger | ||
| useTouchRipple | ||
| Zoom |