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

# Scroll Layout

Add scrollers to an element collection

## Description

Add scrollers to an element collection

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FWm2Mxby0qujiRjBew8FU%2FScroll.png?alt=media\&token=9430678e-7d28-460c-ad22-81640060c9dd)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Scroll Layout

**Nickname** | Scroll 

**Tab** | Ui

**Panel** | Layout

**Division** | 2
{% endtab %}

{% tab title="Inputs" %}
**E** | **Elements** (*Ui+ Element*) | The Elements and Layouts

**H** | **Horizontal** (*Bool*) | Scroll in the horizontal direction

**V** | **Vertical** (*Bool*) | Scroll in the vertical direction
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (*Ui+ Element*) | Ui Element Layout. 
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

## Usage

![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2Fjip8yUv8ChRISagrcZ6P%2FScroll.gif?alt=media\&token=c5657f93-f9e2-44c0-ae0a-11b5e1c707b0)