---
title: "Radio field"
description: "Radio fields are used for selecting only 1 item from a list of 2 or more items. If you have a binary choice, consider using checkboxes or toggles instead."
sidebar_label: "Radio field"
slug: /reference/components/radio-field
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Radio field

Radio fields are used for selecting only 1 item from a list of 2 or more items. If you have a binary choice, consider using checkboxes or toggles instead.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `RadioFieldProps`  
**Story source:** [`demo/stories/Radiofield.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Radiofield.stories.tsx)

## Live demo

<ComponentDemo name="Radio field" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `onChange` | `reflection` | Yes |  |
| `options` | `array` | Yes |  |
| `title` | `string` | Yes |  |
| `value` | `string` | Yes |  |
| `variant` | `union` |  |  |