Applying the margin system modifier to your component will allow consumers of your component to pass in the following props:

PropertyTypeDescription
$marginspacingApplies a margin to all sides of the element
$marginTopspacingApplies a margin to the top of the element
$marginBottomspacingApplies a margin to the bottom of the element
$marginLeftspacingApplies a margin to the left of the element
$marginRightspacingApplies a margin to the right of the element
$marginXspacingApplies a margin to the left and right of the element
$marginYspacingApplies a margin to the top and bottom of the element