1# Number Field
2 
3Numeric input with increment/decrement
4 
5**Parts:** `NumberFieldRoot`, `NumberFieldInput`, `NumberFieldIncrement`, `NumberFieldDecrement`
6 
7## NumberFieldRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `number` | - |
15| `disabled` | `boolean` | - |
16| `formatOptions` | `NumberFormatOptions` | - |
17| `id` | `string` | - |
18| `locale` | `string` | `"en-US"` |
19| `max` | `number` | - |
20| `min` | `number` | - |
21| `modelValue` | `number` | - |
22| `name` | `string` | - |
23| `required` | `boolean` | - |
24| `step` | `number` | `1` |
25 
26### Emits
27| Event | Payload |
28|-------|---------|
29| `update:modelValue` | `[val: number]` |
30 
31### Slots
32| Slot | Type |
33|------|------|
34| `modelValue` | `number` |
35| `textValue` | `string` |
36 
37## NumberFieldInput
38 
39### Props
40| Prop | Type | Default |
41|------|------|---------|
42| `as` | `AsTag \| Component` | `"input"` |
43| `asChild` | `boolean` | - |
44 
45## NumberFieldIncrement
46 
47### Props
48| Prop | Type | Default |
49|------|------|---------|
50| `as` | `AsTag \| Component` | `"button"` |
51| `asChild` | `boolean` | - |
52| `disabled` | `boolean` | - |
53 
54## NumberFieldDecrement
55 
56### Props
57| Prop | Type | Default |
58|------|------|---------|
59| `as` | `AsTag \| Component` | `"button"` |
60| `asChild` | `boolean` | - |
61| `disabled` | `boolean` | - |
62