36 lines
792 B
HTML
36 lines
792 B
HTML
<script type="module" src="https://md-block.verou.me/md-block.js"></script>
|
|
|
|
<script type="module">
|
|
import {BetterSelect} from "/src/BetterSelect.js"
|
|
|
|
customElements.define("better-select", BetterSelect)
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="/src/BetterSelect.css">
|
|
<style>
|
|
:root {
|
|
font-family: sans-serif;
|
|
background: #ddd;
|
|
}
|
|
|
|
better-select {
|
|
color: black;
|
|
background: white;
|
|
}
|
|
|
|
md-block:not([rendered]) { display: none }
|
|
</style>
|
|
|
|
<h1>Better Select</h1>
|
|
|
|
<p>A better muli-option input box for HTML</p>
|
|
|
|
<better-select class="search">
|
|
<span slot="placeholder">Placeholder...</span>
|
|
<option value="first">First value</option>
|
|
<option value="second">Second value</option>
|
|
<option value="third">Third value</option>
|
|
</better-select>
|
|
|
|
<md-block src="readme.md">
|
|
</md-block>
|