background
Applying the background
system modifier to your component will allow consumers of your component to pass in the following props:
Property | Type | Description |
---|---|---|
$bgColor | colors | Applies a background color |
$bgGradient | gradients | Applies a background image gradient |
$bgImage | string | Sets a background image URL or data source. |
$bgPosition | string | Defines the position of the background image. |
$bgSize | string | Specifies how the background image is sized. |
$bgAttachment | string | Sets how the background image behaves when scrolling. |
$bgRepeat | string | Defines if and how the background image repeats. |
$bgClip | string | Specifies how the background extends within the element. |
$bgOrigin | string | Determines the origin position of the background image. |
$bgBlendMode | string | Defines how the background image blends with the element’s background color. |