Example: Radio
Copy
                                    
                                        <label class="radio-container">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="false" />
<span class="checkmark"></span>
</label>
Copy
                                    
                                        <!-- CHECKED ---------->
<label class="radio-container">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="true" checked />
<span class="checkmark"></span>
</label>
Copy
                                    
                                        <!-- CHECKED DISABLED ---------->
<label class="radio-container">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="true" checked disabled />
<span class="checkmark"></span>
</label>
Copy
                                    
                                        <!-- DISABLED ---------->
<label class="radio-container">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="false" disabled />
<span class="checkmark"></span>
</label>
Copy
                                    
                                        <!-- SUCCESS ---------->
<label class="radio-container is-valid">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="true" checked />
<span class="checkmark"></span>
</label>
Copy
                                    
                                        <!-- ERROR ---------->
<label class="radio-container is-invalid">Label
<input type="radio" name="" id="" value="" aria-label="Input Radio" aria-checked="false" />
<span class="checkmark"></span>
</label>


© Interactive Brokers LLC