[TextField] Update stories with renamed component and prop changes

Shopify · Sep 8, 2023 · fb5bc9b · fb5bc9b
1 parent 87181fe
commit fb5bc9b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/polaris-react/src/components/TextField/TextField.stories.tsx b/polaris-react/src/components/TextField/TextField.stories.tsx
@@ -14,7 +14,7 @@ import {
   TextField,
   Icon,
   Tooltip,
-  VerticalStack,
+  BlockStack,
 } from '@shopify/polaris';
 import {
   DeleteMinor,
@@ -838,7 +838,7 @@ export function WithFormSubmit() {
   const [onHandTotal, setOnHandTotal] = useState(0);
 
   return (
-    <VerticalStack gap="2">
+    <BlockStack gap="2">
       <Form
         onSubmit={(event) => {
           event.preventDefault();
@@ -858,11 +858,15 @@ export function WithFormSubmit() {
             type="number"
             selectTextOnFocus
           />
-          <Button primary submit disabled={isNaN(parseInt(adjustment, 10))}>
+          <Button
+            variant="primary"
+            submit
+            disabled={isNaN(parseInt(adjustment, 10))}
+          >
             Save
           </Button>
         </FormLayout>
       </Form>
-    </VerticalStack>
+    </BlockStack>
   );
 }