Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
space | m | margin | space |
space | mt | margin-top | space |
space | mr | margin-right | space |
space | mb | margin-bottom | space |
space | ml | margin-left | space |
space | mx | margin-left and margin-right | space |
space | my | margin-top and margin-bottom | space |
space | p | padding | space |
space | pt | padding-top | space |
space | pr | padding-right | space |
space | pb | padding-bottom | space |
space | pl | padding-left | space |
space | px | padding-left and padding-right | space |
space | py | padding-top and padding-bottom | space |
width | width | width | none |
fontSize | fontSize | font-size | fontSizes |
color | color | color | colors |
color | bg | background-color | colors |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
fontFamily | fontFamily | font-family | fonts |
textAlign | textAlign | text-align | none |
lineHeight | lineHeight | line-height | lineHeights |
fontWeight | fontWeight | font-weight | fontWeights |
fontStyle | fontStyle | font-style | none |
letterSpacing | letterSpacing | letter-spacing | letterSpacings |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
display | display | display | none |
maxWidth | maxWidth | max-width | maxWidths |
minWidth | minWidth | min-width | minWidths |
height | height | height | heights |
maxHeight | maxHeight | max-height | maxHeights |
minHeight | minHeight | min-height | minHeights |
size | size | width height | none |
ratio | ratio | height padding-bottom | none |
verticalAlign | verticalAlign | vertical-align | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
alignItems | alignItems | align-items | none |
justifyContent | justifyContent | justify-content | none |
flexWrap | flexWrap | flex-wrap | none |
flexDirection | flexDirection | flex-direction | none |
flex | flex | flex (shorthand) | none |
alignContent | alignContent | align-content | none |
justifyItems | justifyItems | justify-items | none |
justifySelf | justifySelf | justify-self | none |
alignSelf | alignSelf | align-self | none |
order | order | order | none |
flexBasis | flexBasis | flex-basis | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
gridGap | gridGap | grid-gap | space |
gridRowGap | gridRowGap | grid-row-gap | space |
gridColumnGap | gridColumnGap | grid-column-gap | space |
gridColumn | gridColumn | grid-column | none |
gridRow | gridRow | grid-row | none |
gridArea | gridArea | grid-area | none |
gridAutoFlow | gridAutoFlow | grid-auto-flow | none |
gridAutoRows | gridAutoRows | grid-auto-rows | none |
gridAutoColumns | gridAutoColumns | grid-auto-columns | none |
gridTemplateRows | gridTemplateRows | grid-template-rows | none |
gridTemplateColumns | gridTemplateColumns | grid-template-columns | none |
gridTemplateAreas | gridTemplateAreas | grid-template-areas | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
background | background | background | none |
backgroundImage | backgroundImage | background-image | none |
backgroundSize | backgroundSize | background-size | none |
backgroundPosition | backgroundPosition | background-position | none |
backgroundRepeat | backgroundRepeat | background-repeat | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
borderRadius | borderRadius | border-radius | radii |
borderColor | borderColor | border-color | colors |
borders | border | border | borders |
borders | borderTop | border-top | borders |
borders | borderRight | border-right | borders |
borders | borderBottom | border-bottom | borders |
borders | borderLeft | border-left | borders |
boxShadow | boxShadow | box-shadow | shadows |
opacity | opacity o | opacity | opacity |
overflow | overflow | overflow | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
position | position | position | none |
zIndex | zIndex | z-index | none |
top | top | top | none |
right | right | right | none |
bottom | bottom | bottom | none |
left | left | left | none |
Function Name | Prop | CSS Property | Theme Field |
---|---|---|---|
textStyle | textStyle | style object | textStyles |
colorStyle | colors | style object | colorStyles |
buttonStyle | variant | style object | buttons |