https://github.com/rajasegar/hx-swap-demo

A demo app to showcase different attribute values of hx-swap in htmx
https://github.com/rajasegar/hx-swap-demo

demo demo-app htmx

Last synced: about 2 months ago
JSON representation

A demo app to showcase different attribute values of hx-swap in htmx

• Host: GitHub
• URL: https://github.com/rajasegar/hx-swap-demo
• Owner: rajasegar
• Created: 2021-03-13T07:22:32.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-13T07:26:46.000Z (almost 4 years ago)
• Last Synced: 2024-10-12T18:46:43.708Z (2 months ago)
• Topics: demo, demo-app, htmx
• Language: Pug
• Homepage: https://hx-swap-demo.herokuapp.com
• Size: 18.6 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-htmx - hx-swap-demo - A demo app to showcase different attribute values of hx-swap in htmx. (Examples by Back-end / Express)

README

        
# hx-swap-demo

See the demo [here](hx-swap-demo.herokuapp.com)

htmx offers a few different ways to swap the HTML returned into the DOM. By default, the content replaces the innerHTML of the target element. You can modify this by using the hx-swap attribute with any of the following values:

- innerHTML

- outerHTML

- afterbegin

- beforebegin

- afterend

- beforeend