widgets/switch/switch.html

   1 <html>
   2  <head></head>
   3  <body>
   4   <div data-role="page" id="switch-demo">
   5    <div data-role="header">
   6     <h1>Switch</h1>
   7    </div>
   8    <div class="content" data-role="content">
   9     <p>Image switches:</p>
  10     <div id="switch-1" data-role="toggleswitch" data-checked="false"></div>
  11     <div id="switch-2" data-role="toggleswitch" data-checked="true"></div>
  12     <br />
  13     <p>Text switches (old UX):</p>
  14     <div id="switch-2" data-style="text" data-role="toggleswitch"></div>
  15     <br />
  16     <p>Coordinated switches:</p>
  17     <div id="switch-1-coord" data-role="toggleswitch"></div>
  18     <br />
  19     <div id="switch-2-coord" data-role="toggleswitch"></div>
  20    </div>
  21    <!-- /content -->
  22    <div data-role="footer">
  23     <h4>Web UI Framework - Widgets gallery</h4>
  24    </div>
  25   </div>
  26   <!-- page -->
  27  </body>
  28 </html>