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"> |
9 <style> | 10 <style> |
10 fieldset { | 11 fieldset |
| 12 { |
11 margin: 4px; | 13 margin: 4px; |
12 padding: 8px; | 14 padding: 8px; |
13 border: 1px solid silver; | 15 border: 1px solid silver; |
14 line-height: 0; | 16 line-height: 0; |
15 } | 17 } |
16 </style> | 18 </style> |
17 <script defer src="../polyfill.js"></script> | 19 <script defer src="../polyfill.js"></script> |
18 <script defer src="../ext/common.js"></script> | 20 <script defer src="../ext/common.js"></script> |
19 <script defer src="../ext/content.js"></script> | 21 <script defer src="../ext/content.js"></script> |
20 <script defer src="../common.js"></script> | 22 <script defer src="../common.js"></script> |
21 <script defer src="../i18n.js"></script> | 23 <script defer src="../i18n.js"></script> |
22 <script defer src="./io-toggle.js"></script> | 24 <script defer src="./io-toggle.js"></script> |
23 </head> | 25 </head> |
24 <body style="background:white;"> | 26 <body style="background:white;"> |
25 <fieldset><io-toggle onchange="console.log(event)"></io-toggle></fieldset> | 27 <fieldset><io-toggle onchange="console.log(event)"></io-toggle></fieldset> |
26 <fieldset><io-toggle checked></io-toggle></fieldset> | 28 <fieldset><io-toggle checked></io-toggle></fieldset> |
27 <fieldset><io-toggle disabled></io-toggle></fieldset> | 29 <fieldset><io-toggle disabled></io-toggle></fieldset> |
28 <fieldset><io-toggle checked disabled></io-toggle></fieldset> | 30 <fieldset><io-toggle checked disabled></io-toggle></fieldset> |
29 </body> | 31 </body> |
30 </html> | 32 </html> |
LEFT | RIGHT |