Checkboxes

                                    
                                        <label class="check-container">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="false" />

                                        <span class="checkmark"></span>

                                        </label>
                                    
                                

                                    
                                        <!-- CHECKED ---------->

                                        <label class="check-container">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="true" checked />

                                        <span class="checkmark"></span>

                                        </label>

                                    
                                

                                    
                                        <!-- CHECKED DISABLED ---------->

                                        <label class="check-container">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="true" checked disabled />

                                        <span class="checkmark"></span>

                                        </label>

                                    
                                

                                    
                                        <!-- DISABLED ---------->

                                        <label class="check-container">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="false" disabled />

                                        <span class="checkmark"></span>

                                        </label>

                                    
                                

                                    
                                        <!-- SUCCESS ---------->

                                        <label class="check-container is-valid">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="true" checked />

                                        <span class="checkmark"></span>

                                        </label>

                                    
                                

                                    
                                        <!-- ERROR ---------->

                                        <label class="check-container is-invalid">Label

                                        <input type="checkbox" name="" id="" value="" aria-label="Input Checkbox" aria-checked="false" />

                                        <span class="checkmark"></span>

                                        </label>