0.0.0-alpha.6 • Published 1 year ago
@rneui/layout v0.0.0-alpha.6
@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
0.0.0-alpha.6
1 year ago
0.0.0-alpha.5
2 years ago
0.0.0-alpha.4
2 years ago
0.0.0-alpha.3
2 years ago
0.0.0-alpha.2
2 years ago