> ## Documentation Index
> Fetch the complete documentation index at: https://plain-docs-orca-916-agent-docs-restructure.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Container

> Useful when you need to create a bit of structure.

A container groups other components together and draws a border around them.

<Frame>
  <img src="https://mintcdn.com/plain-docs-orca-916-agent-docs-restructure/iAAItm1tmWvvIVSZ/public/images/ui-component-container.png?fit=max&auto=format&n=iAAItm1tmWvvIVSZ&q=85&s=39d8f7048ccf8fe9d014a4db4a83ef4d" alt="Example container" width="1664" height="300" data-path="public/images/ui-component-container.png" />
</Frame>

A container has the following properties:

* `containerContent` (min 1): an array of components.

Allowed components within a Container are:

* [Badge](/ui-components/badge)
* [CopyButton](/ui-components/copy-button)
* [Divider](/ui-components/divider)
* [LinkButton](/ui-components/link-button)
* [Row](/ui-components/row)
* [Spacer](/ui-components/spacer)
* [Text](/ui-components/text)
* [PlainText](/ui-components/plain-text)

For example:

<Snippet file="graphql/ui-container.mdx" />