With Error (class="has-error"):
With Error:
(NOTE: Error states are styled only and not a demo of the full functionality.)
With Error:
(NOTE: Error states are styled only and not a demo of the full functionality.)
List Card
Functioning as Checkbox
Checkbox No Description
Checkbox with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Functioning as Radio Button
Radio Button no Description
Radio Button with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Horizontal as Checkbox
Checkbox no Description
Horizontal with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Horizontal as Radio Button
Radio Button no Description
Horizontal with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
List Button - Single-Line
Functioning as Checkboxes
Select Vehicle Year
Checkbox with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Functioning as Radio Buttons
Select Vehicle Year
Radio Button with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
List Button - Multi-Line
Functioning as Checkboxes
Functioning as Radio Buttons
Select Vehicle Year
List Button - Multi-Line Centered
Functioning as Checkboxes
Functioning as Radio Buttons
Multi-Line Centered
List Button Horizontal
Functioning as Checkboxes
Checkbox with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Select Vehicle Year
Functioning as Radio Buttons
Select Vehicle Year
Radio Button with Error
(NOTE: Error states are styled only and not a demo of the full functionality.)
Select Vehicle Year
This is default body copy font size/weight
This is small body copy using .small class
This is also small using <small> tag