From 135a24661486c40e790f477651e29c7856812c86 Mon Sep 17 00:00:00 2001 From: Sycamore Date: Fri, 12 Dec 2025 09:18:51 -0800 Subject: [PATCH 1/3] first pass: --- .../data/material/components/number-field/number-field.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/data/material/components/number-field/number-field.md b/docs/data/material/components/number-field/number-field.md index 67b1ce25a55b3f..e11f697386cad0 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 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. 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 + @@ -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) From 940595bbf9e01fb00cd86a7bbef721f0e95da02f Mon Sep 17 00:00:00 2001 From: Sycamore Date: Fri, 12 Dec 2025 09:21:15 -0800 Subject: [PATCH 2/3] textfield --- docs/data/material/components/number-field/number-field.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/data/material/components/number-field/number-field.md b/docs/data/material/components/number-field/number-field.md index e11f697386cad0..ea1a135602cb7a 100644 --- a/docs/data/material/components/number-field/number-field.md +++ b/docs/data/material/components/number-field/number-field.md @@ -47,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"}} From 1c31453d246606fa6b8db4ed86d3c83c1e8a4c31 Mon Sep 17 00:00:00 2001 From: mapache-salvaje <71297412+mapache-salvaje@users.noreply.github.com> Date: Mon, 29 Dec 2025 07:36:15 -0800 Subject: [PATCH 3/3] Update docs/data/material/components/number-field/number-field.md Co-authored-by: Matt Signed-off-by: mapache-salvaje <71297412+mapache-salvaje@users.noreply.github.com> --- docs/data/material/components/number-field/number-field.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/data/material/components/number-field/number-field.md b/docs/data/material/components/number-field/number-field.md index ea1a135602cb7a..db5ad0bc55045d 100644 --- a/docs/data/material/components/number-field/number-field.md +++ b/docs/data/material/components/number-field/number-field.md @@ -12,7 +12,7 @@ components: Button, IconButton, InputLabel, FormControl, FormLabel, FormHelperTe 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. +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.