padding
Applying the padding system modifier to your component will allow consumers of your component to pass in the following props:
| Property | Type | Description |
|---|---|---|
$padding | spacing | Applies a padding to all sides of the element |
$paddingTop | spacing | Applies a padding to the top of the element |
$paddingBottom | spacing | Applies a padding to the bottom of the element |
$paddingLeft | spacing | Applies a padding to the left of the element |
$paddingRight | spacing | Applies a padding to the right of the element |
$paddingX | spacing | Applies a padding to the left and right of the element |
$paddingY | spacing | Applies a padding to the top and bottom of the element |