---
description: Add a horizontal or vertical spacer with a fixed width
---

# Spacer

## Description

Add a horizontal or vertical spacer with a fixed width

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FMHgQ2UmPJBSLwY6xOjLV%2FSpacer.png?alt=media\&token=9fddab75-e320-4472-ab15-8fe6b89c5450)
{% endtab %}

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

**Nickname** | Spacer

**Tab** | Ui

**Panel** | Display

**Division** | 3
{% endtab %}

{% tab title="Inputs" %}
**\*E** | **Element** (_Ui+ Element_) | An optional input for an Element.&#x20;

> If an Element is input it will be updated, if empty a new Element will be created.
>
> The input control must be of the same type as the component

**W** | **Width** (_Number_) | The controls width

**H** | **Horizontal** (_Bool_) | Is the spacer control horizontal
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (_Ui+ Element_) | Ui Element Control.&#x20;
{% endtab %}

{% tab title="Mode" %}
_none_
{% endtab %}
{% endtabs %}

## Usage
