From 42cac3ed244fee61b97fca8cbdf785cd2af87bec Mon Sep 17 00:00:00 2001
From: kodai3 <k3dai.su3@gmail.com>
Date: Tue, 4 Aug 2020 06:27:47 +0900
Subject: [PATCH] [Skelton] add classKeys migration

---
 docs/src/pages/guides/migration-v4/migration-v4.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index 392e51c27a7eee..895d4b4b7fa7e6 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -251,10 +251,12 @@ This change affects almost all components where you're using the `component` pro
 - Rename `circle` to `circular` and `rect` to `rectangular` for consistency. The possible values should be adjectives, not nouns:
 
   ```diff
-  -<Skeleton variant="circle">
-  -<Skeleton variant="rect">
-  +<Skeleton variant="circular">
-  +<Skeleton variant="rectangular">
+  -<Skeleton variant="circle" />
+  -<Skeleton variant="rect" />
+  -<Skeleton classes={{ circle: 'custom-circle-classname', rect: 'custom-rect-classname',  }} />
+  +<Skeleton variant="circular" />
+  +<Skeleton variant="rectangular" />
+  -<Skeleton classes={{ circular: 'custom-circle-classname', rectangular: 'custom-rect-classname',  }} />
   ```
 
 ### TablePagination