Skip to content

Properties

The properties reference of the @material-ui/system package.

Group Import name Prop CSS property Theme key
borders border border border borders
borders borderBottom borderBottom border-bottom borders
borders borderColor borderColor border-color palette
borders borderLeft borderLeft border-left borders
borders borderRadius borderRadius border-radius shape
borders borderRight borderRight border-right borders
borders borderTop borderTop border-top borders
shadows boxShadow boxShadow box-shadow shadows
display displayPrint displayPrint display none
display displayRaw display display none
flexbox alignContent alignContent align-content none
flexbox alignItems alignItems align-items none
flexbox alignSelf alignSelf align-self none
flexbox flex flex flex none
flexbox flexDirection flexDirection flex-direction none
flexbox flexGrow flexGrow flex-grow none
flexbox flexShrink flexShrink flex-shrink none
flexbox flexWrap flexWrap flex-wrap none
flexbox justifyContent justifyContent justify-content none
flexbox order order order none
palette bgcolor bgcolor backgroundColor palette
palette color color color palette
positions bottom bottom bottom none
positions left left left none
positions position position position none
positions right right right none
positions top top top none
positions zIndex zIndex z-index zIndex
sizing height height height none
sizing maxHeight maxHeight max-height none
sizing maxWidth maxWidth max-width none
sizing minHeight minHeight min-height none
sizing minWidth minWidth min-width none
sizing width width width none
sizing boxSizing boxSizing box-sizing none
spacing spacing m,margin margin spacing
spacing spacing mb,marginBottom margin-bottom spacing
spacing spacing ml,marginLeft margin-left spacing
spacing spacing mr,marginRight margin-right spacing
spacing spacing mt,marginTop margin-top spacing
spacing spacing mx,marginX margin-left, margin-right spacing
spacing spacing my,marginY margin-top, margin-bottom spacing
spacing spacing p,padding padding spacing
spacing spacing pb,paddingBottom padding-bottom spacing
spacing spacing pl,paddingLeft padding-left spacing
spacing spacing pr,paddingRight padding-right spacing
spacing spacing pt,paddingTop padding-top spacing
spacing spacing px,paddingX padding-left, padding-right spacing
spacing spacing py,paddingY padding-top, padding-bottom spacing
typography typography typography font-family, font-weight, font-size, line-height, letter-spacing, text-transform typography
typography fontFamily fontFamily font-family typography
typography fontSize fontSize font-size typography
typography fontWeight fontWeight font-weight typography
typography textAlign textAlign text-align none