mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-02 23:35:13 +00:00
This commit is contained in:
parent
52267f5c74
commit
f7b73e6e38
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user