# Radio

Single component value [Radio group - RadioGroup](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/radio/radio-grupa-radiogroup), single-choice field.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FnBfVoGgIK5TD9bRuHbtO%2Fimage.png?alt=media&#x26;token=545b9478-2e0f-49e9-87d4-b6f572fce66f" alt=""><figcaption></figcaption></figure>

✅ **When to use:**

* There is one choice, and the options are short and fixed (e.g. “Are you married?” YES/NO).

:x: **When not to use:**

* The list is long or requires searching (e.g. a list of countries). **Use**: [Combobox](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/pole-wyboru-wartosci-z-listy-combobox).
* The choice is a product with a name, description, graphic, or additional information. **Use**: [ProductSelector](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/wybor-produktu-productselector).
* The choice should be shown graphically, with a title and additional content. **Use**: [Tile](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile).

## Component properties

| Eximee Designer property                                                                           | Attribute name in Source | Description                                                                                                                                                                                               |
| -------------------------------------------------------------------------------------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Text label of the field</strong><br>(section <strong>Basic properties</strong>)</p>     | text                     | Text label assigned to the field **Radio**. Displayed to the user when presenting the application. It is possible to refer to variables or fields, e.g.: *${sessionVariableName}* or *${GesTextField1}*   |
| <p><strong>Value of the selected field</strong><br>(section <strong>Basic properties</strong>)</p> | option                   | Value of the selected field **Radio**. Used as a value **RadioGroup** containing the field, used in application conditions, and as the value for the completed application.                               |
| <p><strong>Description</strong><br>(section <strong>Other</strong>)</p>                            | description              | Field description                                                                                                                                                                                         |
| **Formatting with Wiki Markup**                                                                    | wiki                     | Determines whether data passed from Content (TextContent) should be formatted using Wiki Markup (initially set to "false"). The Radio content can be populated from Content via **External data source.** |

> More information about component properties: [Common component properties](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FXp65p0N5eaucTWFzYayu%2Fimage.png?alt=media&#x26;token=d42a543e-a630-441e-92a1-8bcb78869279" alt=""><figcaption><p align="center"><em><strong>Figure 1.</strong> Component appearance in the application</em></p></figcaption></figure>

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FjZxRw8DYjnSPnV8sAQKk%2Fimage.png?alt=media&#x26;token=d0ebb6f5-8ccb-442d-b234-35dd7ec2598e" alt=""><figcaption><p align="center"><em><strong>Figure 2.</strong> Component appearance in the application (with Radio 2 selected by default)</em></p></figcaption></figure>

{% hint style="info" %}
Demo application: demoRadioGroup
{% endhint %}