@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