Switch to M&T
Overview

Margin

Margins are the space between an element and its environment.

## Values

2px - XXX Small

4px - XX Small

8 px - X Small

12px - Small

16px - Medium

24px - Large

32px - X Large

48px - XX Large

64px - XXX Large

Margins
Margins can be placed horizontally or vertically and should scale appropriately to the size of the component they surround. Use our predefined margin sizes to add consistent space to your designs.