Merge pull request #1794 from Shopify/update-textfield-in-examples

Added required onChange prop missing from text fields in examples

Author: chloerice

src/components/FormLayout/README.md

@@ -113,8 +113,8 @@ Use to stack form fields vertically, which makes them easier to scan and complet
 
 ```jsx
 <FormLayout>
-  <TextField label="Store name" />
-  <TextField type="email" label="Account email" />
+  <TextField label="Store name" onChange={() => {}} />
+  <TextField type="email" label="Account email" onChange={() => {}} />
 </FormLayout>
 ```
 
@@ -129,8 +129,8 @@ Field groups will wrap automatically on smaller screens.
 ```jsx
 <FormLayout>
   <FormLayout.Group>
-    <TextField type="number" label="Minimum order" />
-    <TextField type="number" label="Maximum order" />
+    <TextField type="number" label="Minimum order" onChange={() => {}} />
+    <TextField type="number" label="Maximum order" onChange={() => {}} />
   </FormLayout.Group>
 </FormLayout>
 ```
@@ -142,10 +142,10 @@ For very short inputs, the width of the inputs may be reduced in order to fit mo
 ```jsx
 <FormLayout>
   <FormLayout.Group condensed>
-    <TextField label="Length" />
-    <TextField label="Width" />
-    <TextField label="Height" />
-    <TextField label="Unit" />
+    <TextField label="Length" onChange={() => {}} />
+    <TextField label="Width" onChange={() => {}} />
+    <TextField label="Height" onChange={() => {}} />
+    <TextField label="Unit" onChange={() => {}} />
   </FormLayout.Group>
 </FormLayout>
 ```

src/components/Layout/README.md

@@ -221,8 +221,8 @@ Use for settings pages. When settings are grouped thematically in annotated sect
   >
     <Card sectioned>
       <FormLayout>
-        <TextField label="Store name" />
-        <TextField type="email" label="Account email" />
+        <TextField label="Store name" onChange={() => {}} />
+        <TextField type="email" label="Account email" onChange={() => {}} />
       </FormLayout>
     </Card>
   </Layout.AnnotatedSection>

src/components/VisuallyHidden/README.md

@@ -51,8 +51,12 @@ Always provide a heading for a major page section such as a card. In rare cases
     <Heading>Title and description</Heading>
   </VisuallyHidden>
   <FormLayout>
-    <TextField label="Title" value="Artisanal Wooden Spoon" />
-    <TextField label="Description" multiline />
+    <TextField
+      label="Title"
+      value="Artisanal Wooden Spoon"
+      onChange={() => {}}
+    />
+    <TextField label="Description" multiline onChange={() => {}} />
   </FormLayout>
 </Card>
 ```