> For the complete documentation index, see [llms.txt](https://raoufr.gitbook.io/mobile-app-ui-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://raoufr.gitbook.io/mobile-app-ui-docs/components/radio.md).

# Radio

### Installation

```jsx
import { Radio, RadioProps } from 'hc-mobile-app-ui';
```

### Example

#### Horizontal

{% embed url="<https://snack.expo.dev/@rrizk/mau---radio---horizontal>" %}

#### Vertical

{% embed url="<https://snack.expo.dev/@rrizk/mau---radio---vertical>" %}

#### Disabled

{% embed url="<https://snack.expo.dev/@rrizk/mau---radio---disabled>" %}

### Props

| Name      | Type                             | Description                                         |
| --------- | -------------------------------- | --------------------------------------------------- |
| disabled  | boolean                          | If true, disables all options of the radio control. |
| onChange  | function                         | Function to be called when a new selection is made. |
| direction | vertical \| horizontal           | Determines the direction of the radio options.      |
| selected  | string \| number                 | Value of the already selected option.               |
| options   | Array<**ItemProps**> (See Below) | Array of items                                      |

#### Item Props

| Name     | Type             | Description                          |
| -------- | ---------------- | ------------------------------------ |
| label    | string           | Label of the option                  |
| value    | string \| number | Value for the option                 |
| disabled | boolean          | If true, disables the current option |