Carson Gross 2022-05-12 19:36:39 -06:00
parent 52267f5c74
commit f7b73e6e38

View File

@ -9,7 +9,7 @@ This example shows how easy it is to implement tabs using htmx. Following the p
### Example Code (Main Page) ### Example Code (Main Page)
The main page simply includes the following HTML to load the initial tab into the DOM. The main page simply includes the following HTML to load the initial tab into the DOM.
```html ```html
<div id="tabs" hx-get="/tab1" hx-trigger="load after:100ms" hx-target="#tabs" hx-swap="innerHTML"></div> <div id="tabs" hx-get="/tab1" hx-trigger="load delay:100ms" hx-target="#tabs" hx-swap="innerHTML"></div>
``` ```
### Example Code (Each Tab) ### Example Code (Each Tab)
@ -34,7 +34,7 @@ Subsequent tab pages display all tabs and highlight the selected one accordingly
{% include demo_ui.html.liquid %} {% include demo_ui.html.liquid %}
<div id="tabs" hx-get="/tab1" hx-trigger="load after:100ms" hx-target="#tabs" hx-swap="innerHTML"></div> <div id="tabs" hx-get="/tab1" hx-trigger="load delay:100ms" hx-target="#tabs" hx-swap="innerHTML"></div>
<script> <script>