[GH-ISSUE #207] Box component 'vertical' prop doesn't work #140

New issue

Closed

opened 2026-05-05 11:47:36 -06:00 by gitea-mirror · 1 comment

gitea-mirror commented

2026-05-05 11:47:36 -06:00

Owner

Originally created by @ranjan-purbey on GitHub (Apr 6, 2019).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/207

I tried the following:

<Box vertical="false">
  <Button>Hello</Button>
  <TextInput />
</Box>

Expected: Button and TextInput to be stacked horizontally
Output:

Console:

Warning: Failed prop type: Invalid prop `vertical` of type `string` supplied to `Box`, expected `boolean`.
    in Box (created by Example)
    in Example

Originally created by @ranjan-purbey on GitHub (Apr 6, 2019). Original GitHub issue: https://github.com/kusti8/proton-native/issues/207 I tried the following: ``` <Box vertical="false"> <Button>Hello</Button> <TextInput /> </Box> ``` Expected: Button and TextInput to be stacked horizontally Output: ![image](https://user-images.githubusercontent.com/6953187/55667539-1d75ec80-587b-11e9-99ad-60b2c66e9cf5.png) Console: ``` Warning: Failed prop type: Invalid prop `vertical` of type `string` supplied to `Box`, expected `boolean`. in Box (created by Example) in Example ```

gitea-mirror closed this issue

2026-05-05 11:47:38 -06:00

gitea-mirror commented

2026-05-05 11:47:41 -06:00

Author

Owner

@ranjan-purbey commented on GitHub (Apr 6, 2019):

Apologies, as I am new to react and didn't know that all props except strings need to be wrapped in curly braces. So, the correct way of passing the vertical prop would be:

<Box vertical = {false}>
...
</Box>

@ranjan-purbey commented on GitHub (Apr 6, 2019): Apologies, as I am new to react and didn't know that all props except strings need to be wrapped in curly braces. So, the correct way of passing the `vertical` prop would be: ``` <Box vertical = {false}> ... </Box> ```