# Radio (/docs/products/dash-dots/reference/components/radio)

Goes inside a `RadioGroup`.

**Children:** Nothing

## Example

`Radio` is used inside `RadioGroup`:

![The RadioGroup component](/assets/images/dash-dots/components/radio-group.webp)

```xml title="view.dml"
<RadioGroup label="Pay with" value="{{ method }}" onChange="setMethod">
  <Radio value="mobile-money" label="Mobile money" />
  <Radio value="bank" label="Bank account" />
</RadioGroup>
```

```ts title="controller.ts"
export default definePage({
  initialState: { method: 'mobile-money' },
  mutations: {
    setMethod: (_state, event: ValueEvent) => ({ method: event.detail.value }),
  },
});
```

## Props

| Prop       | Type      | What it is                                                            |
| ---------- | --------- | --------------------------------------------------------------------- |
| `value`    | `string`  | What the group's `onChange` sends when the person chooses this radio. |
| `label`    | `string`  |                                                                       |
| `disabled` | `boolean` | Dims it, and the person can't use it.                                 |

## Events

None.