docs(numberfield): 📝 finish docs

adaptui · Jul 25, 2022 · 2e624be · 2e624be
1 parent 70665a2
commit 2e624be
Show file tree

Hide file tree

Showing 4 changed files with 125 additions and 23 deletions.
diff --git a/docs-templates/numberfield.md b/docs-templates/numberfield.md
@@ -4,8 +4,13 @@
 following the keyboard interactions & accessibility properties like the
 [Native Number Input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number).
 It follows
-[WAI-ARIA Spin Button Pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#spinbutton)
-for the accessibility features.
+[WAI-ARIA Spin Button Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/)
+for the
+[keyboard interactions](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/#:~:text=month%2C%20and%20year.-,Keyboard%20Interaction,-Up%20Arrow)
+and
+[accessibility features](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/#:~:text=to%20perform%20them.-,WAI%2DARIA%20Roles%2C%20States%2C%20and%20Properties,-The%20focusable%20element).
+Support all the features as React Aria's
+[useNumberField](https://react-spectrum.adobe.com/react-aria/useNumberField.html#features).
 
 <!-- ADD_TOC -->
 
@@ -17,10 +22,10 @@ for the accessibility features.
 link_title: NumberField
 js: src/numberfield/stories/templates/NumberFieldBasicJsx.ts
 -->
-
-## Accessibility Requirement
-
-- `NumberField` should have `aria-label` or `aria-labelledby` attribute.
+<!-- CODESANDBOX
+link_title: NumberField
+tsx: src/numberfield/stories/templates/NumberFieldBasicTsx.ts
+-->
 
 <!-- ADD_COMPOSITION src/numberfield -->