| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>picker-field-sk</title> |
| <meta charset="utf-8" /> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| </head> |
| <body class="body-sk"> |
| <h1>picker-field-sk</h1> |
| <section class="body-sk font-sk"> |
| <picker-field-sk></picker-field-sk> |
| </section> |
| <section class="body-sk font-sk darkmode"> |
| <picker-field-sk id="focus-and-fill"></picker-field-sk> |
| </section> |
| |
| <h2>Events</h2> |
| <pre id=events></pre> |
| <button id="demo-focus1">Focus 1st box</button> |
| <button id="demo-focus2">Focus 2nd box</button> |
| <button id="demo-fill">Autofill 2nd box</button> |
| <button id="demo-open">Open overlay of 2nd box</button> |
| <button id="demo-disable">Disable 2nd box</button> |
| <button id="demo-enable">Enable 2nd box</button> |
| </body> |
| </html> |
