> 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/control/list-box.md).

# List Box

Click on an item or items from a specified list of text

## Description

Click on an item or items from a specified list of text

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FZfbCOn0M079ZPNnqTQtT%2FListBox.png?alt=media\&token=16ccb3f0-e364-4866-9b12-01f0d5548d24)
{% endtab %}

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

**Nickname** | List Box

**Tab** | Ui

**Panel** | Control

**Division** | 1
{% 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

**V** | **Values** (*Text*) | The control values

**I** | **Index** (*Integer*) | The index of the selected list item
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (*Ui+ Element*) | Ui Element Control.&#x20;
{% 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%2FJCCzpdXeFAfjbbkxeWX5%2FListBox.gif?alt=media\&token=c5d91408-b92e-4b95-9e0c-1121e851c0ac)
