> For the complete documentation index, see [llms.txt](https://docs.floatgrids.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.floatgrids.com/ui-components/panel.md).

# Panel

Panels are where the UI resides. Use the empty panel to create new views or utilize the pre-made panels to fill them with your content. Pre-made panels adjust in size so they can be used in any layout

{% hint style="info" %}
Use Primitives Panel prefab to customize color and border to all the variants of the panels at once. Use the variants in your scene.
{% endhint %}

{% tabs %}
{% tab title="Panel Main" %}

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F3tcnSBRoNLxTA0rTJsAj%2FPanel%20Main.png?alt=media&amp;token=595ef6a0-7a22-43aa-944f-fadeaab84e62" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Panel Column" %}

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FtafyVAyhVE8cTXsjMQp7%2FPanel%20Column.png?alt=media&amp;token=4d0c871a-4446-477f-b829-724f5e7ca37d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Panel Empty" %}

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FalpVUcxa1nc9h6u9j8Bg%2FPanel%20Empty.png?alt=media&amp;token=5ebb6553-2448-44b0-8cb0-0154a4f03060" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Panel Action bar" %}

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FTieVexIylohI3MIJaGdp%2FPanel%20Action%20bar.png?alt=media&amp;token=db95bf8d-0bc2-42e3-a25c-487127c3a02e" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Panel structure in Unity

### Primitive Panel prefab

* Primitive Panel

*Find them in FloatGrids/Design System/Customization/Primitive UI Components/Panel Primitive*

### Panel variants

*Find them in FloatGrids/Design System/UI Components/Panel*

## Scroll View

Use scroll prefab to be able to scroll your content in the panels.

* *Find the primitive scroll view prefab in FloatGrids/Design System/Customization/Primitive UI Components/Scroll View Primitive*
* *Find the Scroll View variant in FloatGrids/Design System/UI Components/Scroll View*