margin
Applying the margin
system modifier to your component will allow consumers of your component to pass in the following props:
Property | Type | Description |
---|---|---|
$margin | spacing | Applies a margin to all sides of the element |
$marginTop | spacing | Applies a margin to the top of the element |
$marginBottom | spacing | Applies a margin to the bottom of the element |
$marginLeft | spacing | Applies a margin to the left of the element |
$marginRight | spacing | Applies a margin to the right of the element |
$marginX | spacing | Applies a margin to the left and right of the element |
$marginY | spacing | Applies a margin to the top and bottom of the element |