@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

Stack Usage

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

Stack Props

| Name | Type | Default | Description | | --------- | --------------------------------------------------------------------------------------------- | ------------ | ----------- | | 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 | |

Box

Box Usage

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

Box Props

| Name | Type | Default | Description | | ------------------- | -------------------- | ------- | ----------- | | 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 | | |

Contribution

Made by Arpit Bhalla