# Stack Layout

## Description

Sequentially place elements

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FEZ8qqHnSmfo0wftLgJFq%2FStack.png?alt=media\&token=ab14cc7d-5897-4117-9940-f597aa74e83d)
{% endtab %}

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

**Nickname** | Stack 

**Tab** | Ui

**Panel** | Layout

**Division** | 1
{% endtab %}

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

**H** | **Horizontal** (*Bool*) | The layout's flow direction
{% endtab %}

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

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

## Usage

![Horizontal](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FjBUcg6Fe1uyiYCCOEdu1%2Fimage.png?alt=media\&token=298def80-87ee-4543-8702-69a25e93b4ab)

![Vertical](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FmBwh9yHiIC6tG6XCZ3Be%2Fimage.png?alt=media\&token=d8394c45-141c-4fbb-8510-921c3aaf9d80)