Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle
10:58 Share

Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)

HX-Trigger - as soon as response receivedHX-Trigger-After-Swap - after new html is swapped inHX-Trigger-After-Settle - after new html is settled and processed by browser

• single eventHX-Trigger:event

• multiple eventsHX-Trigger:event1, event2 

• single event with valueHX-Trigger:{“event1”:”event 1 message”} 

• single events with key/value dataHX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}

• multiple events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}