sync with reality

mui · Sep 23, 2021 · d1fb83c · d1fb83c
1 parent a09a247
commit d1fb83c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/docs/public/static/images/system/styled-options.png b/docs/public/static/images/system/styled-options.png
diff --git a/docs/src/pages/system/styled/styled.md b/docs/src/pages/system/styled/styled.md
@@ -58,10 +58,11 @@ This example demonstrates how you can use the `styled` API to create custom comp
 
 {{"demo": "pages/system/styled/UsingOptions.js", "defaultCodeOpen": true }}
 
-If you inspect this element with the browser DevTools in development mode, you will notice that the class of the component now ends with the `mythemecomponent-root`, which comes from the `name` and `slot` options that were provided.
-In addition to this, the `color`, `sx`, and `variant` props are not propagated to the generated `div` element.
+If you inspect this element with the browser DevTools in development mode, you will notice that the class of the component now ends with the `MyThemeComponent-root`, which comes from the `name` and `slot` options that were provided.
+
+<img src="/static/images/system/styled-options.png" alt="browser DevTools showing the rendered component" width="327" />
 
-<img src="/static/images/system/styled-options.png" alt="Developer tools showing the rendered component" width="312" />
+In addition to this, the `color`, `sx`, and `variant` props are not propagated to the generated `div` element.
 
 ## Removing features