JSFiddle - React, Tailwind, and code Playground

by stackmanoz

HTML

<script src="https://github.com/nostalgiaz/bootstrap-switch/blob/master/static/js/bootstrapSwitch.js"></script>
<link rel="stylesheet" href="https://github.com/nostalgiaz/bootstrap-switch/blob/master/static/stylesheets/bootstrapSwitch.css">
 <div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;">
            <div style="left: 0px; width: 150px;"><input type="checkbox" checked="checked"><span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;">ON</span><label for="" style="width: 50px; height: 25px;"></label><span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;">OFF </span></div>
        </div>
    </div>

JavaScript

$(document).ready(function() {
            $('#normal-toggle-button').toggleButtons();
        });