[docs] Clean up not used Usage files (#38715)

mui · Sep 4, 2023 · 177214a · 177214a
1 parent f0af89f
commit 177214a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 45 deletions.
diff --git a/docs/data/joy/getting-started/usage/Usage.js b/docs/data/joy/getting-started/usage/Usage.js
diff --git a/docs/data/material/getting-started/learn/learn.md b/docs/data/material/getting-started/learn/learn.md
@@ -4,20 +4,10 @@
 
 ## Your first component
 
-The following code snippet demonstrates a basic Material UI app that features a `<Button>` component:
+The following demo shows a basic Material UI app that features a `<Button>` component.
+Try changing the `variant` on the [Button](/material-ui/react-button/) to `outlined` to see how the style changes:
 
-```jsx
-import * as React from 'react';
-import Button from '@mui/material/Button';
-
-function App() {
-  return <Button variant="contained">Hello World</Button>;
-}
-```
-
-In the interactive demo below, try changing the code and see how it affects the output. (Hint: change `variant` to `"outlined"` and `color` to `"secondary"`. For more options, see the [`Button` component page](/material-ui/react-button/).)
-
-{{"demo": "../usage/Usage.js", "hideToolbar": true, "bg": true}}
+{{"demo": "../usage/ButtonUsage.js", "defaultCodeOpen": true}}
 
 ## Example projects
 

diff --git a/docs/data/material/getting-started/usage/Usage.js b/docs/data/material/getting-started/usage/Usage.js