Skip to content

Commit 18ac157

Browse files
committed
maint(pat checklist): Infinite scrolling example.
Add infinite scrolling example to demonstrate a performance problem which is solved by in this release.
1 parent cd7822c commit 18ac157

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

src/pat/checklist/index.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -155,5 +155,29 @@ <h3>Example 4: Hierarchy of Checkboxes</h3>
155155
<div class="six columns"></div>
156156
</form>
157157

158+
<section>
159+
<header>
160+
<h3>Infinite scrolling example</h3>
161+
</header>
162+
163+
<form class="pat-checklist">
164+
<label><input type="checkbox" class="toggle-all" />Toggle checkboxes</label><br>
165+
<fieldset id="infinite-boxes">
166+
<label><input type="checkbox" checked="checked" /> Option one</label><br>
167+
<label><input type="checkbox" /> Option two</label><br>
168+
<label><input type="checkbox" /> Option three</label><br>
169+
<label><input type="checkbox" /> Option four</label><br>
170+
171+
<a
172+
href="./index.html#infinite-boxes"
173+
class="pat-inject"
174+
data-pat-inject="trigger: autoload-visible; target:self::element"
175+
>Loading...</a>
176+
177+
</fieldset>
178+
</form>
179+
180+
</section>
181+
158182
</body>
159183
</html>

0 commit comments

Comments
 (0)