---
title: "Control Field"
canonical: https://sky-ui.cf.sky.com/components/control-field
---

# Control Field

Control fields are used with checkbox and radio components.

## Purpose

The Control Field component holds a group of [Checkboxes](/components/checkbox/) or [Radios](/components/radio/) and adds information like label, [Validation](/components/validation/) message or an in-line message.

## Anatomy

The Control Field component can be broken down into the following elements -

1. **Legend (optional)**<br/>The title for the list of options. It can be an instruction, headline or question.

2. **List of options**<br/>The lists consist of either [Checkboxes](/components/checkbox/) or [Radios](/components/radio/) items. Please check the documentation for those components individually.

3. **Validation Message (optional)**<br/>An error message with appropriate icon and colour, that only appears after the form has been submitted and the input has been validated.

4. **In-line Messaging (optional)**<br/>An optional content area that can be used for clarifying information, that refers to the whole group.

## Variants & States

- Breakpoint: Mobile, Desktop
- Option List: Radio/Checkbox
- Error: on/off
- Legend: on/off
- In-line Messaging: on/off

**Radio Variant**
    
    Error: OFF
    <br />
    Legend: ON
    <br />
    In-line Messaging: ON
  **Checkbox Variant**
    
    Error: ON
    <br />
    Legend: ON
    <br />
    In-line Messaging: OFF