Box
API#
All of the properties of the <Box> component are not required. Pick whatever you want.
You can use these properties as well:
| Property | Description |
|---|---|
| position | The position CSS property |
| top | The top CSS property |
| right | The right CSS property |
| bottom | The bottom CSS property |
| left | The left CSS property |
| zIndex | The z-index CSS property |
| display | The display CSS property |
| lineHeight | The line-height CSS property |
| background | The background CSS property |
| fontSize | The font-size CSS property |
| textAlign | The text-align CSS property |
| color | The color CSS property |
| borderTop | The border-top CSS property |
| borderRight | The border-right CSS property |
| borderBottom | The border-bottom CSS property |
| borderLeft | The border-left CSS property |
| borderColor | The border-clolr CSS property |
| borderRadius | The border-radius CSS property |
| width | The width CSS property |
| minWidth | The min-width CSS property |
| maxWidth | The max-width CSS property |
| height | The height CSS property |
| minHeight | The min-height CSS property |
| maxHeight | The max-height CSS property |
| flex | The flex CSS property |
| order | The order CSS property |
| alignSelf | The align-self CSS property |
| overflow | The overflow CSS property |
| overflowX | The overflow-x CSS property |
| overflowY | The overflow-y CSS property |
| m | the margin CSS property |
| mt | the margin-top CSS property |
| mr | the margin-right CSS property |
| mb | the margin-bottom CSS property |
| ml | the margin-left CSS property |
| mx | the property that set both margin-left and margin-right |
| my | the property that set both margin-top and margin-bottom |
| p | the padding CSS property |
| pt | the padding-top CSS property |
| pr | the padding-right CSS property |
| pb | the padding-bottom CSS property |
| pl | the padding-left CSS property |
| px | the property that set both padding-left and padding-right |
| py | the property that set both padding-top and padding-bottom |