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

# Radio

Click to toggle a single item to true from a specified group

## Description

Click to toggle a single item to true from a specified group

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FL2WojE33f6fn72CBO92x%2FRadio.png?alt=media\&token=1d8d5374-a7a1-49e3-a364-c0f83a3a1e3a)
{% endtab %}

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

**Nickname** | Radio

**Tab** | Ui

**Panel** | Control

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

{% tab title="Inputs" %}
**\*E** | **Element** (*Ui+ Element*) | An optional input for an Element. 

> 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

**L** | **Label** (*Text*) | The control label

**S** | **State** (*Bool*) | The control boolean status. 

> If multiple buttons in a group are true the last one will be true.

**G** | **Group** (*Text*) | The Radio group
{% 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%2F81gbV1WV7zXA6Hl9iC3z%2FRadio.gif?alt=media\&token=e7e70549-46e3-47a2-9f6c-c0ad7db70433)