| LEFT | RIGHT | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3   <head> | 3   <head> | 
| 4     <meta charset="utf-8"> | 4     <meta charset="utf-8"> | 
| 5     <title>Test io-toggle.js</title> | 5     <title>Test io-toggle.js</title> | 
| 6     <link rel="stylesheet" href="../skin/common.css"> | 6     <link rel="stylesheet" href="../skin/common.css"> | 
| 7     <link rel="stylesheet" href="../skin/fonts.css"> | 7     <link rel="stylesheet" href="../skin/fonts.css"> | 
| 8     <link rel="stylesheet" href="../skin/desktop-options.css"> | 8     <link rel="stylesheet" href="../skin/desktop-options.css"> | 
|  | 9     <link rel="stylesheet" href="../skin/io-toggle.css"> | 
|  | 10     <style> | 
|  | 11     fieldset | 
|  | 12     { | 
|  | 13       margin: 4px; | 
|  | 14       padding: 8px; | 
|  | 15       border: 1px solid silver; | 
|  | 16       line-height: 0; | 
|  | 17     } | 
|  | 18     </style> | 
| 9     <script defer src="../polyfill.js"></script> | 19     <script defer src="../polyfill.js"></script> | 
| 10     <script defer src="../ext/common.js"></script> | 20     <script defer src="../ext/common.js"></script> | 
| 11     <script defer src="../ext/content.js"></script> | 21     <script defer src="../ext/content.js"></script> | 
| 12     <script defer src="../common.js"></script> | 22     <script defer src="../common.js"></script> | 
| 13     <script defer src="../i18n.js"></script> | 23     <script defer src="../i18n.js"></script> | 
| 14     <script defer src="./io-toggle.js"></script> | 24     <script defer src="./io-toggle.js"></script> | 
| 15   </head> | 25   </head> | 
| 16   <body style="background:white;"> | 26   <body style="background:white;"> | 
| 17     <fieldset><io-toggle onchange="console.log(event)"></io-toggle></fieldset> | 27     <fieldset><io-toggle onchange="console.log(event)"></io-toggle></fieldset> | 
| 18     <fieldset><io-toggle checked></io-toggle></fieldset> | 28     <fieldset><io-toggle checked></io-toggle></fieldset> | 
| 19     <fieldset><io-toggle disabled></io-toggle></fieldset> | 29     <fieldset><io-toggle disabled></io-toggle></fieldset> | 
| 20     <fieldset><io-toggle checked disabled></io-toggle></fieldset> | 30     <fieldset><io-toggle checked disabled></io-toggle></fieldset> | 
| 21   </body> | 31   </body> | 
| 22 </html> | 32 </html> | 
| LEFT | RIGHT | 
|---|