# Container

{% hint style="success" %}
**Who can use this feature?**

All Squirrel365 plans include the **Container** component.

For more details, see our [**plan comparison matrix**](https://squirrel365.io/pricing/).
{% endhint %}

The purpose of the **Container** is to group several objects into one object. While grouping components will allow them to move across the main canvas as a single unit, the **Container** component is a more versatile way to group components and can act as a 'mini-canvas'.

A container is represented on the canvas by a dashed rectangle:

<figure><img src="https://addons.squirrel365.io/learn-assets/uploads/2020/09/container1-150x150.png" alt=""><figcaption></figcaption></figure>

***

## Container Properties

The **Container** properties consist of **LAYOUT & POSITIONING**, **GENERAL** and **DYNAMIC VISIBILITY** drawers. This guide will describe the general properties only; the dynamic visibility properties are generic to each component and a separate guide and tutorial on dynamic visibility can be found [**here**](https://squirrel365.gitbook.io/learn/getting-started/dynamic-visibility).

***

### GENERAL

<figure><img src="https://911720298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkLBGzn2hXrIMe50klQCv%2Fuploads%2FKDb6W2qwEuPcsKr6WBIs%2Fimage.png?alt=media&#x26;token=c706bae1-0698-449e-8490-ea73d9ea0595" alt="" width="250"><figcaption></figcaption></figure>

* **Background** - Set a background colour for the container.
* **Padding –** The internal padding for the container.&#x20;
* **Enable Scrollbars** – Turns on scrollbars when content overflows the container bounds. When enabled the Scroll X and Scroll Y properties appear.
  * Scroll X and Scroll Y - Set the pixel position of the top(Y)-left(X) corner of the viewport.