Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[docs] Miscellaneous fixes in MUI Base docs #33091

Merged
merged 2 commits into from
Jun 10, 2022
Merged

[docs] Miscellaneous fixes in MUI Base docs #33091

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4053fdd
docs: should be badge slot
ZeeshanTamboli Jun 10, 2022
0907ef4
fix code comment
ZeeshanTamboli Jun 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/data/base/components/input/UseInput.js
View file
Open in desktop
Expand Up @@ -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 (
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/input/UseInput.tsx
View file
Open in desktop
Expand Up @@ -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 (
Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/getting-started/usage/usage.md
View file
Open in desktop
Expand Up @@ -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
<BadgeUnstyled componentsProps={{ input: { className: 'my-badge' } }} />
<BadgeUnstyled componentsProps={{ badge: { className: 'my-badge' } }} />
```

All additional props placed on the primary component are also propagated into the `Root` slot (just as if they were placed in `componentsProps.root`).
Expand Down