diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md index a4c94a4fa4b580..b3931d8f563330 100644 --- a/docs/src/pages/guides/migration-v4/migration-v4.md +++ b/docs/src/pages/guides/migration-v4/migration-v4.md @@ -191,7 +191,7 @@ This change affects almost all components where you're using the `component` pro ### Expansion Panel -- Rename the `ExpansionPanel` components with `Accordion` to use a more common naming convention: +- Rename the `ExpansionPanel` components to `Accordion` to use a more common naming convention: ```diff -import ExpansionPanel from '@material-ui/core/ExpansionPanel'; @@ -253,6 +253,34 @@ This change affects almost all components where you're using the `component` pro +<Grid justifyContent="center"> ``` +### GridList + +- Rename the `GridList` components to `ImageList` to align with the current Material Design naming. + +```diff +-import GridList from '@material-ui/core/GridList'; +-import GridListTile from '@material-ui/core/GridListTile'; +-import GridListTileBar from '@material-ui/core/GridListTileBar'; ++import ImageList from '@material-ui/core/ImageList'; ++import ImageListTile from '@material-ui/core/ImageListTile'; ++import ImageListTileBar from '@material-ui/core/ImageListTileBar'; + +-<GridList> +- <GridListTile> ++<ImageList> ++ <ImageListTile> + <img src="file.jpg" alt="Image title" /> +- <GridListTileBar ++ <ImageListTileBar + title="Title" + subtitle="Subtitle" + /> +- </GridListTile> +-</GridList> ++ </ImageListTile> ++</ImageList> +``` + ### Menu - The onE\* transition props were removed. Use TransitionProps instead.