MIZ

Github

MIZ v1.20.1

v1.20.1

Browse docs

Radio and Checkbox

Radio and Checkbox inputs allow users to select single or multiple options. These elements come in various styles and colors, and can be customized easily with additional classes.

Example #

    

        

            
            
        
  
        

            
              
        

    

    

        
        
HTML

        
    

    <div class="form-check">
  <input type="checkbox" class="secondary" value="" id="flexCheckDefault">
  <label for="flexCheckDefault" class="text-color">Default checkbox</label>
</div>

<div class="switch" style="--switch-size : 70px">
  <input type="checkbox" id="toggle">
  <label class="switch-label" for="toggle"></label>
</div>

Checkbox Classes #

Class Description
.form-check Wrapper for checkbox inputs and labels.
.secondary Sets secondary color for the checkbox.
.danger Sets danger color for the checkbox.
.success Sets success color for the checkbox.
.info Sets info color for the checkbox.

Switch Classes #

Class Description
.switch Wrapper for toggle switch inputs.
.switch-label Styles the label for the switch input.
.switch-success Changes switch to success color when checked.
.switch-danger Changes switch to danger color when checked.

On this page