> For the complete documentation index, see [llms.txt](https://destplay.gitbook.io/plugin-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://destplay.gitbook.io/plugin-components/components/container.md).

# Container

The main component. Creates a Frame in which all elements are placed.

## Create Frame

`local Container = PluginComponents.Component.Container.New();`

`Container.SetParent(script.Parent)`

`.SetHeight(0, 600)`

`.SetWidth(0,360)`

## Create ScrollFrame

If you need to scroll through the window there is a second frame option

`local Container = PluginComponents.Component.Container.New(PluginComponents.Component.Container.DesignVariant.Scroll);`

`Container.SetParent(script.Parent)`

`.SetHeight(0, 600)`

`.SetWidth(0,360)`

<br>

## Methods

### .SetHeight(Scale,Offset)  .SetWidth(Scale,Offset)&#x20;

Changes the size of the Frame.

### .Resize()

Adapts Frame size to the elements inside

### .CollumMode()

Switches to speaker mode. All elements inside will be built horizontally. Suitable for custom Tabbar or Bottombar

![](https://670934291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRpFZNVnh0tWsT6G3IxG%2Fuploads%2FpKRqEvRwJd2rPffC4XnH%2Fimage.png?alt=media\&token=05aa8dc0-b507-49fe-a802-b0f12323923f)

### **Inherited from** [**BaseComponent**](/plugin-components/get-started/basecomponent.md)

### Additional methods:

{% content-ref url="/pages/ZpDjGIXcJfhi0g7LFHTR" %}
[BackgroundColor](/plugin-components/addproperties/backgroundcolor.md)
{% endcontent-ref %}

{% content-ref url="/pages/HDOnN1ardUQUGtu8l1tc" %}
[Padding](/plugin-components/addproperties/padding.md)
{% endcontent-ref %}

## Properties

### .isAutoResize = true

This parameter disables the automatic triggering of Resize()