Add 'load content' button example

acaloiaro · Jul 4, 2023 · 6caf7d2 · 6caf7d2
1 parent 9e3c6c2
commit 6caf7d2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/content/posts/hello-world.md b/content/posts/hello-world.md
@@ -43,3 +43,17 @@ Here we are using a Hugo concept called an "inline shortcode". This allows us to
 </form>
 {{< /htmx.inline >}}
 
+
+---
+
+## Let's add a simple button that loads content
+
+{{< htmx.inline >}}
+<div
+  hx-get="/content.html"
+  hx-trigger="click" />
+  <button>Load content</button>
+</div>
+{{< /htmx.inline >}}
+
+
diff --git a/partials/content.html b/partials/content.html
@@ -0,0 +1 @@
+<p>This content is dynamically loaded from <strong>partials/content.html</strong>.</p>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<p>This content is dynamically loaded from <strong>partials/content.html</strong>.</p>