Control Field
Overview
Purpose
The Control Field component holds a group of Checkboxes or Radios and adds information like label, Validation message or an in-line message.
Anatomy
The Control Field component can be broken down into the following elements -
-
Legend (optional)
The title for the list of options. It can be an instruction, headline or question. -
List of options
The lists consist of either Checkboxes or Radios items. Please check the documentation for those components individually. -
Validation Message (optional)
An error message with appropriate icon and colour, that only appears after the form has been submitted and the input has been validated. -
In-line Messaging (optional)
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 VariantError: OFF
Legend: ON
In-line Messaging: ON
Legend: ON
In-line Messaging: ON
Checkbox VariantError: ON
Legend: ON
In-line Messaging: OFF
Legend: ON
In-line Messaging: OFF