Update TextField docs (#5876)

* Update TextField docs * Add changeset
Shopify · May 27, 2022 · eb25cda · eb25cda
1 parent 837094a
commit eb25cda
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/hungry-flies-grab.md b/.changeset/hungry-flies-grab.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Update `TextField` docs with examples of `inputMode` virtual keyboards
diff --git a/polaris-react/src/components/TextField/README.md b/polaris-react/src/components/TextField/README.md
@@ -103,6 +103,12 @@ Chrome does seem to turn autocomplete off when using the value nope (or any non
 - Turning off **browser autocomplete** (previously submitted values) in Chrome
   - If you don't have `name` attribute and the field is not a typical autofill input (address, email, etc), use `autocomplete=off`.
 
+### Virtual keyboard
+
+![Examples of different number keyboards set with inputMode](/public_images/components/TextField/virtual-keyboards.png)
+
+The `inputMode` property should be set to select the appropriate virtual keyboard for the type of data expected to be entered by the user. Above are examples of different number keyboards set with `inputMode`.
+
 ---
 
 ## Content guidelines