No default selection
Daily
Weekly
Positive / negative choice with a default selection
Yes
No
Checkbox Toggle
Checkbox Toggle 1
Checkbox Toggle 2
Default checkboxes
Prompt text follows the ledgend if required.
Checkbox 1
Checkbox 2
Checkbox 3
Error
Checkbox 1
Checkbox 2
Invalid entry
Default radio controls
Prompt text follows the ledgend if required.
Radio 1
Radio 2
Error
Radio 1
Radio 2
Invalid entry
Select box
Prompt text follows the label if required.
Option 1
Option 2
Option 3
Option 4
Select box (error)
Option 1
Option 2
Option 3
Option 4
Invalid entry
Text input
Prompt text follows the label if required..
URL input :invalid
Please enter a valid url
A long label and additional content
Inline inputs with long labels / additonal content have a unique class to align them to the start and span error messages.
A long label and additional content
Inline inputs with long labels / additonal content have a unique class to align them to the start and span error messages.
Please enter a valid url
Textarea
Prompt text follows the label if required.
Textarea (error)
Invalid entry