maekoos

htmx.on("htmx:afterRequest", (e) => {
  const toast = e.detail.xhr.getResponseHeader('HX-Toast');
  // Can be expanded with HX-Toast-Type or similar to specify success, warning, info, etc
  if(toast) {
    const el = document.createElement('span');
    el.innerText = toast;
    el.style.position = 'fixed';
    el.style.top = '10px';
    // Right aligned:
    // el.style.right = '10px';