温馨提示：本站仅提供公开网络链接索引服务，不存储、不篡改任何第三方内容，所有内容版权归原作者所有
AI智能索引来源：http://www.mui.com/material-ui/migration/v5-component-changes/
点击访问原文链接

Breaking changes in v5, part two: core components - Material UI

进入原网站 导航首页
🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.Getting startedComponentsComponent APICustomizationHow-to guidesIntegrationsExperimental APIsMigrationUpgrade to Grid v2Migration from @material-ui/pickersUpgrade to v9: getting startedUpgrade to v7: getting startedMigrating from deprecated APIsNative colorUpgrade to v6: getting startedMigrating from deprecated APIsMigrating to Pigment CSSMigrating to v5: getting startedBreaking changes: style and themeBreaking changes: componentsMigrating from JSS (optional)TroubleshootingMigration from v3 to v4Migration from v0.x to v1Discover moreDesign resourcesTemplate storeGetting startedBreaking changes part one: style and themeMigrating from JSSTroubleshootingthe codemodsmain migration guideBreaking changes in v5 part one: styles and themesMaterial Design guidelines"Emulate focused"this GitHub pull requestthe tradeoffs of this APICodeSandbox demothis GitHub pull requestpreset-safe codemodCodeSandbox demothis GitHub pull requestvariant-prop codemodcallback as a value in styleOverridesGrid2 component docupgrade guidethis npm packagesxuseMediaQuerypreset-safe codemodthis GitHub pull requestlink-underline-hover codemodMenuItem CSS APIcallback refPopper.jsPopper.js migration guidecallback refReactDOM.findDOMNodedeprecated in React.StrictModepreset-safe codemodvariant-prop codemodMaterial Design guidelinesSee documentationsize="small" propMaterial Design specificationsthis GitHub pull requestvariant-prop codemodthis GitHub pull requestsuccess criterion 1.4.3 ("hoverable") in WCAG 2.1callback as a value in styleOverridesrangesthis GitHub issueSee this Stack Overflow answer for further detailsEdit this pageBlogStoreMaterial UI v5 migrationBreaking changes, part twoAccordionSummaryRename expandIcon to expandIconWrapperAppBarFix z-index issuesReplace color prop for dark modeAlert✅ Update importAutocomplete✅ Update importRemove debug propUpdate renderOption✅ Rename closeIcon to clearIconRename reason arguments✅ Rename getOptionSelectedAvatar✅ Rename circle✅ Update AvatarGroup importBadge✅ Rename circle and rectangleBottomNavigationUpdate event type (TypeScript)BottomNavigationActionRemove span and wrapperBox✅ Update borderRadius prop value✅ Apply sx API✅ Rename CSS propertiesRemove clone propReplace render prop with sxButton✅ Remove default color propRemove span and labelChip✅ Rename default to filledCheckboxSet to "primary" by defaultUpdate CSS class namesCircularProgress✅ Rename static to determinateCollapse✅ Rename collapsedHeight propCssBaselineUpdate styled-engineUpdate body font sizeDialog✅ Update transition props✅ Remove disableBackdropClick propRemove withMobileDialog component✅ Remove disableTypography propDividerReplace background-color with border-colorSupport "middle" variant with "vertical" orientationExpansionPanel✅ Rename componentsUpdate event type (TypeScript)ExpansionPanelDetailsRemove display: flexExpansionPanelSummaryRename focused to focusVisibleRemove IconButtonProps propFab✅ Rename round to circularRemove span and labelFormControl✅ Update default variantFormControlLabelAdd required label propGrid✅ Rename justify prop✅ Remove align and justify props and classesChange negative marginsGridList✅ Rename GridList componentRename GridList propsUse CSS object-fitHiddenReplace deprecated componentIconRemove fontSize="default"IconButton✅ Update size propRemove span and labelLink✅ Update default underline propMenu✅ Update transition propsChange default anchorOrigin.vertical valueMenuItemUpdate CSS class namesReplace listItemClasses propModal✅ Remove disableBackdropClick prop✅ Remove onEscapeKeyDown propRemove onRendered propNativeSelectRemove selectMenu slotOutlinedInputReplace labelWidth propPaperChange dark mode background opacityPagination✅ Update import✅ Rename round to circularPopover✅ Update transition propsRemove getContentAnchorEl propPopperUpgrade from v1 to v2PortalRemove onRendered propRadioUpdate default color propUpdate CSS classesRating✅ Update importsChange default empty iconRename visuallyhiddenRootRefRemove componentSelect✅ Update default variantReplace labelWidth propRemove selectMenu slotUpdate event type (TypeScript)Skeleton✅ Update import✅ Rename circle and rectSliderUpdate event type (TypeScript)Replace ValueLabelComponent and ThumbComponent propsRefactor CSSSnackbarUpdate default positioning✅ Update transition propsSpeedDial✅ Update importStepperUpdate component structureRemove built-in paddingSvgIconRemove fontSize="default"SwitchRemove second onChange argumentUpdate default color propUpdate CSS classesTableRename default padding prop valueTablePaginationCustomize labels with getItemAriaLabel prop✅ Rename onChangeRowsPerPage and onChangePageSeparate label classesMove custom class on input to selectTabsUpdate default indicatorColor and textColor prop valuesUpdate event type (TypeScript)✅ Add new scroll button propsTabUpdate default minWidth and maxWidthRemove span and wrapperTextField✅ Update default variant✅ Rename rowsMax✅ Replace rows with minRowsForward ref instead of inputRef propRename marginDense and inputMarginDense classesUpdate InputAdornment position propTextareaAutosize✅ Replace rows with minRows✅ Rename rowsMax✅ Rename rowsMinToggleButton✅ Update importRemove span and labelTooltipInteractive by defaultTypographyRemove srOnly variantRemove color and style override keysThemeDefault background colors✅ Breakpoint behaviorBreakpoint sizes✅ Replace theme.breakpoints.widthUpdate theme.palette.augmentColor helperRemove theme.typography.round helper@mui/typesRename the exported Omit typeBecome a Diamond sponsorMUI stands in solidarity with Ukraine.

智能索引记录