border
Applying the border system modifier to your component will allow consumers of your component to pass in the following props:
| Property | Type | Description |
|---|---|---|
$border | boolean | Applies a border to all sides of the element |
$borderTop | boolean | Applies a border to the top of the element |
$borderBottom | boolean | Applies a border to the bottom of the element |
$borderLeft | boolean | Applies a border to the left of the element |
$borderRight | boolean | Applies a border to the right of the element |
$borderX | boolean | Applies a border to the left and right of the element |
$borderY | boolean | Applies a border to the top and bottom of the element |
$borderColor | colors | Sets the border color which effects all sides |