From 1a30806708085d1f72ef9625251f12973a5008d7 Mon Sep 17 00:00:00 2001 From: Zeeshan Tamboli Date: Fri, 10 Jun 2022 14:25:19 +0530 Subject: [PATCH] [docs] Miscellaneous fixes in `MUI Base` docs (#33091) * docs: should be badge slot * fix code comment --- docs/data/base/components/input/UseInput.js | 2 +- docs/data/base/components/input/UseInput.tsx | 2 +- docs/data/base/getting-started/usage/usage.md | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/data/base/components/input/UseInput.js b/docs/data/base/components/input/UseInput.js index 7830a76f8866d5..38eb8542fb23ff 100644 --- a/docs/data/base/components/input/UseInput.js +++ b/docs/data/base/components/input/UseInput.js @@ -52,7 +52,7 @@ const CustomInput = React.forwardRef(function CustomInput(props, ref) { const inputProps = getInputProps(); - // Make sure that both the forwarded ref and the ref returned from the are applied on the input element + // Make sure that both the forwarded ref and the ref returned from the getInputProps are applied on the input element inputProps.ref = useForkRef(inputProps.ref, ref); return ( diff --git a/docs/data/base/components/input/UseInput.tsx b/docs/data/base/components/input/UseInput.tsx index 07385412e19c29..8676204bf985da 100644 --- a/docs/data/base/components/input/UseInput.tsx +++ b/docs/data/base/components/input/UseInput.tsx @@ -55,7 +55,7 @@ const CustomInput = React.forwardRef(function CustomInput( const inputProps = getInputProps(); - // Make sure that both the forwarded ref and the ref returned from the are applied on the input element + // Make sure that both the forwarded ref and the ref returned from the getInputProps are applied on the input element inputProps.ref = useForkRef(inputProps.ref, ref); return ( diff --git a/docs/data/base/getting-started/usage/usage.md b/docs/data/base/getting-started/usage/usage.md index 62ed17c70704e4..47add2e03585df 100644 --- a/docs/data/base/getting-started/usage/usage.md +++ b/docs/data/base/getting-started/usage/usage.md @@ -68,10 +68,10 @@ The code snippet below shows how to override the `Root` element of the [`BadgeUn The `componentsProps` prop is an object that contains the props for all slots within a component. You can use it to define additional custom props for a component's interior elements. -For example, the code snippet below shows how to add a custom CSS class to the `input` slot of the `BadgeUnstyled` component: +For example, the code snippet below shows how to add a custom CSS class to the `badge` slot of the `BadgeUnstyled` component: ```jsx - + ``` All additional props placed on the primary component are also propagated into the `Root` slot (just as if they were placed in `componentsProps.root`).