diff --git a/docs/data/material/components/number-field/number-field.md b/docs/data/material/components/number-field/number-field.md index 67b1ce25a55b3f..db5ad0bc55045d 100644 --- a/docs/data/material/components/number-field/number-field.md +++ b/docs/data/material/components/number-field/number-field.md @@ -10,12 +10,16 @@ components: Button, IconButton, InputLabel, FormControl, FormLabel, FormHelperTe {{"component": "@mui/docs/ComponentLinkHeader"}} -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 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. As such, you must install Base UI before proceeding. The examples that follow can then be copied and pasted directly into your app. Note that Base UI is tree-shakeable, so the final bundle will only include the components used in your project. +## Installation + @@ -43,7 +47,7 @@ yarn add @base-ui-components/react ## 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. {{"demo": "FieldDemo.js"}} @@ -58,4 +62,4 @@ This is ideal for touch devices and narrow ranges of values. See the documentation below for a complete reference to all of the props. -- [``](https://base-ui.com/react/components/number-field#api-reference) +- [`NumberField`](https://base-ui.com/react/components/number-field#api-reference)