@rneui/layout

This Component is experimental and may change, do not use in production until stable release

Installation

npm i @rneui/layout

yarn add @rneui/layout

<Stack row>
  <Button>Hey</Button>
  <Button>Hello</Button>
</Stack>

Name	Type	Default
`align`	FlexAlignType	`flex-start`
`justify`	`center` or `flex-start` or `flex-end` or `space-between` or `space-around` or `space-evenly`	`flex-start`
`reverse`	boolean	`false`
`row`	boolean	`false`
`spacing`	number	`0`

tsx live <Box m={3}> <Button>Hey</Button> </Box>

Name	Type	Default
`m`	`string` or `number`	\|
`margin`	`string` or `number`	\|
`marginBottom`	`string` or `number`	\|
`marginHorizontal`	`string` or `number`	\|
`marginLeft`	`string` or `number`	\|
`marginRight`	`string` or `number`	\|
`marginTop`	`string` or `number`	\|
`marginVertical`	`string` or `number`	\|
`mb`	`string` or `number`	\|
`ml`	`string` or `number`	\|
`mr`	`string` or `number`	\|
`mt`	`string` or `number`	\|
`mx`	`string` or `number`	\|
`my`	`string` or `number`	\|
`p`	`string` or `number`	\|
`padding`	`string` or `number`	\|
`paddingBottom`	`string` or `number`	\|
`paddingHorizontal`	`string` or `number`	\|
`paddingLeft`	`string` or `number`	\|
`paddingRight`	`string` or `number`	\|
`paddingTop`	`string` or `number`	\|
`paddingVertical`	`string` or `number`	\|
`pb`	`string` or `number`	\|
`pl`	`string` or `number`	\|
`pr`	`string` or `number`	\|
`pt`	`string` or `number`	\|
`px`	`string` or `number`	\|
`py`	`string` or `number`