# Border Layout

## Description

Place elements in a labeled border

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FcEPkatYTCYSXUMpqspvZ%2FBorder.png?alt=media\&token=b23da00d-b858-4c2d-bdca-46726ca9d2f0)
{% endtab %}

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

**Nickname** | Border 

**Tab** | Ui

**Panel** | Layout

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

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

**T** | **Title** (*Text*) | The layout title
{% 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%2FLufcv0p4bXEYb7nEXuil%2Fimage.png?alt=media\&token=600c330c-8494-4140-a233-2b27407e2246)