[docs] Copyedit the Number Field doc #47469
Draft
+7
−3
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
mapache-salvaje
added
docs
Netlify deploy previewBundle size report
|
mapache-salvaje
commented
Dec 12, 2025
| ## Outlined field | ||
|
|
||
| The outlined field component uses [text-field composition](/material-ui/react-text-field/#components) with end adornments for the increment and decrement buttons. | ||
| The outlined field component uses [`TextField` composition](/material-ui/react-text-field/#components) with end adornments for the increment and decrement buttons. |
Contributor
Author
There was a problem hiding this comment.
@siriwatknp can you elaborate on what this means ("uses text field composition")? I read the section of the doc linked here and it wasn't clear to me how these two are connected.
Member
There was a problem hiding this comment.
My intention is to show how to achieve outlined TextField-like with the breakdown components. I bring up TextField (even though it's not used) because I think people using Material UI might be familiar with the term text field more than input components.
If you think, it's too ambiguous, feel free to change it.
mbrookes
reviewed
Dec 20, 2025
| Number Field is _not_ a built-in `@mui/material` component—it's composed of a [Base UI Number Field](https://base-ui.com/react/components/number-field) and styled to align with Material UI specs. | ||
| A number field is an input with increment and decrement buttons for capturing numeric input from users. | ||
|
|
||
| Material UI does not include a number field component out of the box, but this doc provides components composed with the [Base UI `NumberField`](https://base-ui.com/react/components/number-field) and styled to align with Material Design (MD2) specifications, so they can be used with Material UI. |
Member
There was a problem hiding this comment.
Suggested change
| Material UI does not include a number field component out of the box, but this doc provides components composed with the [Base UI `NumberField`](https://base-ui.com/react/components/number-field) and styled to align with Material Design (MD2) specifications, so they can be used with Material UI. | |
| Material UI does not include a number field component out of the box, but this page provides components composed with the [Base UI `NumberField`](https://base-ui.com/react/components/number-field) and styled to align with Material Design (MD2) specifications, so they can be used with Material UI. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.