[TreeView] Replace the Tree Item anatomy images (#15066)

mui · Oct 23, 2024 · 341220a · 341220a
1 parent bcbc3d1
commit 341220a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 26 deletions.
diff --git a/docs/data/tree-view/tree-item-customization/tree-item-customization.md b/docs/data/tree-view/tree-item-customization/tree-item-customization.md
@@ -16,10 +16,12 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
 Each Tree Item component is shaped by a series of composable slots.
 Hover over them in the demo below to see each slot.
 
-<!-- TBD which option is the best: interactive or image -->
-<!-- {{"demo": "CustomTreeItemDemo.js", "hideToolbar": true}} -->
-
-{{"component": "modules/components/TreeItemAnatomy.js"}}
+<span class="only-light-mode" style="border: 1px solid rgb(232, 234, 238); border-radius:12px">
+<img src="/static/x/tree-view-illustrations/tree-item-light.png" alt="Tree Item anatomy" loading="lazy"   >
+</span>
+<span class="only-dark-mode" style="border: 1px solid rgb(29, 33, 38); border-radius:12px">
+<img src="/static/x/tree-view-illustrations/tree-item-dark.png" alt="Tree Item anatomy" loading="lazy"   >
+</span>
 
 ### Content
 

diff --git a/docs/public/static/x/tree-view-illustrations/tree-item-dark.png b/docs/public/static/x/tree-view-illustrations/tree-item-dark.png
diff --git a/docs/public/static/x/tree-view-illustrations/tree-item-light.png b/docs/public/static/x/tree-view-illustrations/tree-item-light.png
diff --git a/docs/src/modules/components/TreeItemAnatomy.js b/docs/src/modules/components/TreeItemAnatomy.js