about summary refs log tree commit diff
path: root/src/view/screens/Storybook/Forms.tsx
diff options
context:
space:
mode:
authorEric Bailey <git@esb.lol>2024-09-23 16:34:59 -0500
committerGitHub <noreply@github.com>2024-09-23 16:34:59 -0500
commite93cbbd56a70ab3fd44866009400c7b3df24286b (patch)
tree891eff6e8fbe8282db3f1ba249b763312a22d2a4 /src/view/screens/Storybook/Forms.tsx
parente1ee95a7193501fce13d0bbdee57963901635741 (diff)
downloadvoidsky-e93cbbd56a70ab3fd44866009400c7b3df24286b.tar.zst
Don't use flex on inputs (#5458)
Diffstat (limited to 'src/view/screens/Storybook/Forms.tsx')
-rw-r--r--src/view/screens/Storybook/Forms.tsx21
1 files changed, 21 insertions, 0 deletions
diff --git a/src/view/screens/Storybook/Forms.tsx b/src/view/screens/Storybook/Forms.tsx
index 8c888f04d..fc414d31f 100644
--- a/src/view/screens/Storybook/Forms.tsx
+++ b/src/view/screens/Storybook/Forms.tsx
@@ -32,6 +32,27 @@ export function Forms() {
           label="Text field"
         />
 
+        <View style={[a.flex_row, a.gap_sm]}>
+          <View
+            style={[
+              {
+                width: '50%',
+              },
+            ]}>
+            <TextField.Root>
+              <TextField.Icon icon={Globe} />
+              <TextField.Input
+                value={value}
+                onChangeText={setValue}
+                label="Text field"
+              />
+            </TextField.Root>
+          </View>
+          <Button label="Submit" size="large" variant="solid" color="primary">
+            <ButtonText>Submit</ButtonText>
+          </Button>
+        </View>
+
         <TextField.Root>
           <TextField.Icon icon={Globe} />
           <TextField.Input