33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<viewport scroll_y="0" scroll_x="0" height="800" width="1024">
|
|
<header class="sticky" y="0" x="0" width="1024" height="50">
|
|
<form id="search">
|
|
<input type="text" placeholder="Search..." aria-label="Search box" y="10" x="10" width="200" height="30" />
|
|
<button type="submit" y="10" x="220" width="30" height="30">🔍</button>
|
|
</form>
|
|
</header>
|
|
|
|
<section class="scrollable" y="50" x="0" width="1024" height="200" scroll_y="0" max_scroll="400">
|
|
<heading level="2">Scrollable Section</heading>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit... [first paragraph]
|
|
</section>
|
|
|
|
<interactive y="260" x="10" width="100" height="30">
|
|
<button onclick="showModal()">Show Modal</button>
|
|
</interactive>
|
|
|
|
<interactive y="260" x="120" width="120" height="30">
|
|
<link href="#">JavaScript Link</link>
|
|
</interactive>
|
|
|
|
<interactive y="260" x="250" width="100" height="30">
|
|
<button role="button" tabindex="0">ARIA Button</button>
|
|
</interactive>
|
|
|
|
<table y="300" x="0" width="1024">
|
|
<cell>Cell with mixed formatting</cell>
|
|
<cell>Cell with list:
|
|
- Item 1
|
|
- Item 2</cell>
|
|
</table>
|
|
</viewport>
|