Radio, Checkbox and Switch

 

Radio, Checkbox and Switch

Style individual form controls and utilize common layouts.

A set of fields can appear grouped together

Field groups automatically receive responsive styling, swapping to one field per row on mobile devices.

Radio elements

Related class jds-form, form-group, form-radio, form-radio-inline, form-label, label-radio, form-element, element-radio, form-radio-button

Feel free to choose

        
Feel free to choose
Switch Radio

Using class switch-radio, jds-form, form-group

Checkbox elements

Related class jds-form, form-group, form-label, label-checkbox, form-checkbox, form-checkbox-inline, form-element, element-radio, form-checkbox-button


Switch elements

Related class jds-form, form-group, jds-d-inline-block, form-label, form-checkbox, form-element, element-switch

Switch Checkbox

Using class switch-checkbox, jds-form, form-group