Feat 41279 Reorgaize components docs position

mui · May 6, 2024 · fccd3b8 · fccd3b8
1 parent a8425d0
commit fccd3b8
Showing 1 changed file with 120 additions and 120 deletions.
diff --git a/...rial/migration/migrating-from-deprecated-apis/migrating-from-deprecated-apis.md b/...rial/migration/migrating-from-deprecated-apis/migrating-from-deprecated-apis.md
@@ -872,6 +872,36 @@ The Divider's `light` prop was deprecated, Use `sx={{ opacity : "0.6" }}` (or an
  />
 ```
 
+## FilledInput
+
+Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#filled-input-props) below to migrate the code as described in the following sections:
+
+```bash
+npx @mui/codemod@latest deprecations/filled-input-props <path>
+```
+
+### components
+
+The Input's `components` was deprecated in favor of `slots`:
+
+```diff
+ <FilledInput
+-  components={{ Input: CustomInput, Root: CustomRoot }}
++  slots={{ input: CustomInput, root: CustomRoot }}
+ />
+```
+
+### componentsProps
+
+The Input's `componentsProps` was deprecated in favor of `slotProps`:
+
+```diff
+ <FilledInput
+-  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
++  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
+ />
+```
+
 ## FormControlLabel
 
 Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#form-control-label-props) below to migrate the code as described in the following sections:
@@ -891,6 +921,96 @@ The FormControlLabel's `componentsProps` was deprecated in favor of `slotProps`:
  />
 ```
 
+## Input
+
+Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#input-props) below to migrate the code as described in the following sections:
+
+```bash
+npx @mui/codemod@latest deprecations/input-props <path>
+```
+
+### components
+
+The Input's `components` was deprecated in favor of `slots`:
+
+```diff
+ <Input
+-  components={{ Input: CustomInput, Root: CustomRoot }}
++  slots={{ input: CustomInput, root: CustomRoot }}
+ />
+```
+
+### componentsProps
+
+The Input's `componentsProps` was deprecated in favor of `slotProps`:
+
+```diff
+ <Input
+-  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
++  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
+ />
+```
+
+## InputBase
+
+Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#input-base-props) below to migrate the code as described in the following sections:
+
+```bash
+npx @mui/codemod@latest deprecations/input-base-props <path>
+```
+
+### components
+
+The InputBase's `components` was deprecated in favor of `slots`:
+
+```diff
+ <InputBase
+-  components={{ Input: CustomInput, Root: CustomRoot }}
++  slots={{ input: CustomInput, root: CustomRoot }}
+ />
+```
+
+### componentsProps
+
+The InputBase's `componentsProps` was deprecated in favor of `slotProps`:
+
+```diff
+ <Input
+-  componentsProps={{ input: { id: 'test-input-id' }, root: { id: 'test-root-id' } }}
++  slotProps={{ input: { id: 'test-input-id' }, root: { id: 'test-root-id' } }}
+ />
+```
+
+## OutlinedInput
+
+Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#outlined-input-props) below to migrate the code as described in the following sections:
+
+```bash
+npx @mui/codemod@latest deprecations/outlined-input-props <path>
+```
+
+### components
+
+The Input's `components` was deprecated in favor of `slots`:
+
+```diff
+ <OutlinedInput
+-  components={{ Input: CustomInput, Root: CustomRoot }}
++  slots={{ input: CustomInput, root: CustomRoot }}
+ />
+```
+
+### componentsProps
+
+The Input's `componentsProps` was deprecated in favor of `slotProps`:
+
+```diff
+ <OutlinedInput
+-  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
++  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
+ />
+```
+
 ## PaginationItem
 
 Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#pagination-item-classes) below to migrate the code as described in the following sections:
@@ -1133,123 +1253,3 @@ The SpeedDial's `TransitionProps` was deprecated in favor of `slotProps.transiti
 +  slotProps={{ transition: { unmountOnExit: true } }}
  />
 ```
-
-## InputBase
-
-Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#input-base-props) below to migrate the code as described in the following sections:
-
-```bash
-npx @mui/codemod@latest deprecations/input-base-props <path>
-```
-
-### components
-
-The InputBase's `components` was deprecated in favor of `slots`:
-
-```diff
- <InputBase
--  components={{ Input: CustomInput, Root: CustomRoot }}
-+  slots={{ input: CustomInput, root: CustomRoot }}
- />
-```
-
-### componentsProps
-
-The InputBase's `componentsProps` was deprecated in favor of `slotProps`:
-
-```diff
- <Input
--  componentsProps={{ input: { id: 'test-input-id' }, root: { id: 'test-root-id' } }}
-+  slotProps={{ input: { id: 'test-input-id' }, root: { id: 'test-root-id' } }}
- />
-```
-
-## Input
-
-Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#input-props) below to migrate the code as described in the following sections:
-
-```bash
-npx @mui/codemod@latest deprecations/input-props <path>
-```
-
-### components
-
-The Input's `components` was deprecated in favor of `slots`:
-
-```diff
- <Input
--  components={{ Input: CustomInput, Root: CustomRoot }}
-+  slots={{ input: CustomInput, root: CustomRoot }}
- />
-```
-
-### componentsProps
-
-The Input's `componentsProps` was deprecated in favor of `slotProps`:
-
-```diff
- <Input
--  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
-+  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
- />
-```
-
-## FilledInput
-
-Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#filled-input-props) below to migrate the code as described in the following sections:
-
-```bash
-npx @mui/codemod@latest deprecations/filled-input-props <path>
-```
-
-### components
-
-The Input's `components` was deprecated in favor of `slots`:
-
-```diff
- <FilledInput
--  components={{ Input: CustomInput, Root: CustomRoot }}
-+  slots={{ input: CustomInput, root: CustomRoot }}
- />
-```
-
-### componentsProps
-
-The Input's `componentsProps` was deprecated in favor of `slotProps`:
-
-```diff
- <FilledInput
--  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
-+  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
- />
-```
-
-## OutlinedInput
-
-Use the [codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#outlined-input-props) below to migrate the code as described in the following sections:
-
-```bash
-npx @mui/codemod@latest deprecations/outlined-input-props <path>
-```
-
-### components
-
-The Input's `components` was deprecated in favor of `slots`:
-
-```diff
- <OutlinedInput
--  components={{ Input: CustomInput, Root: CustomRoot }}
-+  slots={{ input: CustomInput, root: CustomRoot }}
- />
-```
-
-### componentsProps
-
-The Input's `componentsProps` was deprecated in favor of `slotProps`:
-
-```diff
- <OutlinedInput
--  componentsProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
-+  slotProps={{ input: { id: 'test-input-id', root: { id: 'test-root-id' } } }}
- />
-```