Materialize CSS Demo
Materialize Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.4/css/materialize.min.css"> </head> <body> <div class="container"> <h5>A Demo of Materialize Switch</h5> <!-- Switch --> <div class="switch"> <label> I disagree <input type="checkbox"> <span class="lever"></span> I agree </label> </div> <h5>Checked Initially</h5> <div class="switch"> <label> No <input type="checkbox" checked> <span class="lever"></span> Yes </label> </div> </div> </body> </html>
A Demo of Materialize Switch
I disagree
I agree
Checked Initially
No
Yes