> 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/wrap-layout.md).

# Wrap Layout

## Description

Sequentially places elements, wrapping when the extent is hit

{% tabs %}
{% tab title="Preview" %}
![](/files/7kYslmoye7HHNiA0yTNu)
{% endtab %}

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

**Nickname** | Wrap 

**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

**D** | **Direction** (*Integer*) | The alignment direction
{% endtab %}

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

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

## Usage

![](/files/LMU5sMW2n4IILvEZDCLK)