---
path: "/background/props"
component: "background"
type: "atom"
title: "Background"
---

`Background` component helps in setting either background color or background image.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| background | sets the background color of the div | string or array | null |
| backgroundImage | sets the background color of the div | url or array | null |
| backgroundSize | sets the `background-size` css property | string or array | null |
| backgroundRepeat | sets the `background-repeat` css property | string or array | null |
| height | sets the height | string or array | null |
| width | sets the width | string or array | null |