Create new story for mobile alignment explorations

Shopify · Apr 12, 2024 · 7488de4 · 7488de4
1 parent 46d5c63
commit 7488de4
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/polaris-react/src/components/TextField/TextField.stories.tsx b/polaris-react/src/components/TextField/TextField.stories.tsx
@@ -1066,3 +1066,18 @@ export function WithLoading() {
     />
   );
 }
+
+export function MobileExploration() {
+  const [value, setValue] = useState('Jaded Pixel');
+
+  const handleChange = useCallback((newValue) => setValue(newValue), []);
+
+  return (
+    <TextField
+      label="Store name"
+      value={value}
+      onChange={handleChange}
+      autoComplete="off"
+    />
+  );
+}