[docs] Update transform function in the sx prop sizing docs (#33850)

mui · Aug 10, 2022 · db6c358 · db6c358
1 parent 0b9cae4
commit db6c358
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md b/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md
@@ -108,7 +108,7 @@ The sizing properties `width`, `height`, `minHeight`, `maxHeight`, `minWidth`, a
 
 ```js
 function transform(value) {
-  return value <= 1 ? `${value * 100}%` : value;
+  return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }
 ```
 

diff --git a/docs/data/system/sizing/sizing.md b/docs/data/system/sizing/sizing.md
@@ -8,7 +8,7 @@ The sizing properties: `width`, `height`, `minHeight`, `maxHeight`, `minWidth`,
 
 ```js
 function transform(value) {
-  return value <= 1 ? `${value * 100}%` : value;
+  return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }
 ```