---
title: "Components — Radio Button"
canonical: https://sky-ui.cf.sky.com/components/radio-button
apiPackages: [{"name":"@sky-uk/ui-core","representedVersion":"13.2.0"}]
---

# Components — Radio Button

```js
import { RadioButton } from '@sky-uk/ui-core';
```

---

`RadioButton` is a `button` that implies mutually exclusive selections.

```tsx
<RadioButton>Select</RadioButton>
```

---

## System Modifiers

The `RadioButton` component also accepts props applied using the following system modifiers:

- [display](/core/system/display/)
- [margin](/core/system/margin/)
- [width](/core/system/width/)

---

## Translatable Fields

The `RadioButton` component supports translation on the following fields:

- `radioButton.loadingLabel` - controls the loading text

For more on translatable fields, view the `useTranslation` docs here: [useTranslation](/core/hooks/use-translation/)