Skip to content

Instantly share code, notes, and snippets.

@gotcha

gotcha/htmx-patternslib.html

Created September 7, 2023 13:16
Show Gist options
  • Save gotcha/fbb0b5de660705fb484636c20207e851 to your computer and use it in GitHub Desktop.
Save gotcha/fbb0b5de660705fb484636c20207e851 to your computer and use it in GitHub Desktop.
Download ZIP
HTMX vs Patternslib
Raw
htmx-patternslib.html
<html>
<head>
</head>
<body>
<script src="https://unpkg.com/htmx.org@1.9.5"
integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO"
crossorigin="anonymous"></script>
<h1 hx-trigger="load" hx-get="/ul.html" hx-swap="afterend"
hx-select="ul.coll">HTMX</h1>
<script src="/patternslib-bundle-9.9.5/bundle.min.js"></script>
<h1>Patternslib</h1>
<a id="embed-me" href="/ul.html" class="pat-inject" data-pat-inject="trigger:
autoload; source: #synopsis::element; target: #embed-me::element">On load</a>
</body>
</html>
Raw
ul.html
<html>
<head>
</head>
<body>
<ul class="coll" id="synopsis">
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ul>
<ul class="bla">
<li>Bla</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment