pattern-library 1 linked patterns checked
React Spectrum NumberField
Documents number fields with visible labels, required state, accessible naming, raw numeric form submission, locale-aware formatting, min and max values, clamping on blur, step values, stepper buttons, arrow-key and button commitment, units, percentages, and currency values.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Spinbutton / numeric stepper | Choose a spinbutton for one bounded numeric value that changes in predictable increments. | Increment and decrement controls change the value by the declared step and stop at the lower and upper bounds. | React Spectrum documents NumberField labels, min and max clamping, step values, stepper buttons, raw form submission, locale formatting, units, percentages, and currency values. |
Comparisons supported by this source
- Spinbutton vs slider vs text input vs select
React Spectrum documents labels, min and max clamping, step values, stepper buttons, raw numeric submission, units, percentages, and currency formatting.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Adobe React Spectrum. Last checked: .