[joy-ui][docs] Updated the List playground demo (#38499)

mui · Aug 17, 2023 · 96c70f0 · 96c70f0
1 parent 2a5469d
commit 96c70f0
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/docs/data/joy/components/list/ListUsage.js b/docs/data/joy/components/list/ListUsage.js
@@ -4,7 +4,8 @@ import ListItem from '@mui/joy/ListItem';
 import ListItemContent from '@mui/joy/ListItemContent';
 import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import ListItemButton from '@mui/joy/ListItemButton';
-import Home from '@mui/icons-material/Home';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
 import JoyUsageDemo, {
   prependLinesSpace,
@@ -53,12 +54,21 @@ ${prependLinesSpace(code, 3)}
           <ListItem>
             <ListItemButton {...props}>
               <ListItemDecorator>
-                <Home />
+                <HomeRoundedIcon />
               </ListItemDecorator>
               <ListItemContent>Home</ListItemContent>
               <KeyboardArrowRight />
             </ListItemButton>
           </ListItem>
+          <ListItem>
+            <ListItemButton {...props}>
+              <ListItemDecorator>
+                <ShoppingCartRoundedIcon />
+              </ListItemDecorator>
+              <ListItemContent>Orders</ListItemContent>
+              <KeyboardArrowRight />
+            </ListItemButton>
+          </ListItem>
         </List>
       )}
     />