Universal Style props
those props may be used on any Mantine component:
| Prop | CSS Property | Theme key |
|---|---|---|
| m | margin | theme.spacing |
| mt | marginTop | theme.spacing |
| mb | marginBottom | theme.spacing |
| ml | marginLeft | theme.spacing |
| mr | marginRight | theme.spacing |
| mx | marginRight, marginLeft | theme.spacing |
| my | marginTop, marginBottom | theme.spacing |
| p | padding | theme.spacing |
| pt | paddingTop | theme.spacing |
| pb | paddingBottom | theme.spacing |
| pl | paddingLeft | theme.spacing |
| pr | paddingRight | theme.spacing |
| px | paddingRight, paddingLeft | theme.spacing |
| py | paddingTop, paddingBottom | theme.spacing |
| bg | background | theme.colors |
| bgsz | backgroundSize | – |
| bgp | backgroundPosition | – |
| bgr | backgroundRepeat | – |
| bga | backgroundAttachment | – |
| c | color | theme.colors gray.5 blue blue.7 blue.5 blue.0 |
| opacity | opacity | – |
| ff | fontFamily | – |
| fz | fontSize | theme.fontSizes |
| fw | fontWeight | – |
| lts | letterSpacing | – |
| ta | textAlign | – |
| lh | lineHeight | theme.lineHeights |
| fs | fontStyle | – |
| tt | textTransform | – |
| td | textDecoration | – |
| w | width | theme.spacing |
| miw | minWidth | theme.spacing |
| maw | maxWidth | theme.spacing |
| h | height | theme.spacing |
| mih | minHeight | theme.spacing |
| mah | maxHeight | theme.spacing |
| bgsz | backgroundSize | – |
| bgp | backgroundPosition | – |
| bgr | backgroundRepeat | – |
| bga | backgroundAttachment | – |
| pos | position | – |
| top | top | – |
| left | left | – |
| bottom | bottom | – |
| right | right | – |
| inset | inset | – |
| display | display | – |
| flex | flex |