Layout

Switches

Example: Switch
Copy 
                                    
                                        <div class="form-check form-switch">

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID">

                                        </div>
Copy 
                                    
                                    <!-- CHECKED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" checked>

                                        <!-- CHECKED DISABLED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" checked disabled>

                                        <!-- DISABLED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" disabled>


Example: Switch with Label
Copy 
                                    
                                        <div class="form-check form-switch">

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID">

                                        <label class="form-check-label" for="inputID">Label Text</label>

                                        </div>
Copy 
                                    
                                    <!-- CHECKED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" checked>

                                        <!-- CHECKED DISABLED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" checked disabled>

                                        <!-- DISABLED -->

                                        <input class="form-check-input" type="checkbox" role="switch" id="inputID" disabled>


© Interactive Brokers LLC